Peachy Theme

Color themes

• 

  Peachy

• 

  Peachy Cherry

• 

  Peachy Cocoa

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

• activityBar.background#1E1714
• activityBar.border#3D322C
• activityBar.foreground#F0E0D4
• activityBar.inactiveForeground#C4A08A99
• activityBarBadge.background#FEC5BB
• activityBarBadge.foreground#3A1F14
• badge.background#FEC5BB
• badge.foreground#3A1F14
• breadcrumb.activeSelectionForeground#F0E0D4
• breadcrumb.focusForeground#F0E0D4
• breadcrumb.foreground#C4A08A
• breadcrumbPicker.background#241C18
• button.background#FEC5BB
• button.foreground#3A1F14
• button.hoverBackground#FFB5A8
• button.secondaryBackground#3A2E28
• button.secondaryForeground#F0E0D4
• descriptionForeground#C4A08A
• diffEditor.insertedTextBackground#8FB89244
• diffEditor.removedTextBackground#FEC5BB44
• dropdown.background#241C18
• dropdown.border#3D322C
• dropdown.foreground#F0E0D4
• editor.background#2A211C
• editor.findMatchBackground#FEC5BB88
• editor.findMatchHighlightBackground#FEC5BB44
• editor.foreground#F0E0D4
• editor.lineHighlightBackground#332A24
• editor.selectionBackground#FEC5BB55
• editor.selectionHighlightBackground#FEC5BB2A
• editor.wordHighlightBackground#E8956A55
• editor.wordHighlightStrongBackground#E8956A44
• editorBracketMatch.background#E8956A66
• editorBracketMatch.border#FEC5BB
• editorCursor.foreground#E8956A
• editorGroupHeader.tabsBackground#322822
• editorGutter.background#2A211C
• editorIndentGuide.activeBackground1#FEC5BB
• editorIndentGuide.background1#3D322C
• editorLineNumber.activeForeground#E8956A
• editorLineNumber.foreground#7A6558
• editorOverviewRuler.border#3D322C
• editorWhitespace.foreground#4A3D36
• errorForeground#E07060
• focusBorder#FEC5BB
• foreground#E8D5C4
• gitDecoration.addedResourceForeground#8FB892
• gitDecoration.deletedResourceForeground#E07060
• gitDecoration.ignoredResourceForeground#7A6558
• gitDecoration.modifiedResourceForeground#E8956A
• gitDecoration.untrackedResourceForeground#C4A08A
• input.background#241C18
• input.border#3D322C
• input.foreground#F0E0D4
• input.placeholderForeground#7A6558
• inputOption.activeBackground#FEC5BB33
• inputOption.activeBorder#FEC5BB
• list.activeSelectionBackground#FEC5BB66
• list.activeSelectionForeground#3A1F14
• list.focusBackground#FEC5BB44
• list.highlightForeground#E8956A
• list.hoverBackground#3F322C
• list.hoverForeground#F0E0D4
• list.inactiveSelectionBackground#E8956A66
• list.inactiveSelectionForeground#F0E0D4
• notificationCenterHeader.background#1E1714
• notificationCenterHeader.foreground#F0E0D4
• notifications.background#241C18
• notifications.border#3D322C
• notifications.foreground#F0E0D4
• panel.background#2A211C
• panel.border#3D322C
• panelTitle.activeBorder#FEC5BB
• panelTitle.activeForeground#F0E0D4
• panelTitle.inactiveForeground#C4A08A
• peekView.border#FEC5BB
• peekViewEditor.background#241C18
• peekViewEditorGutter.background#241C18
• peekViewResult.background#1E1714
• peekViewResult.matchHighlightBackground#FEC5BB55
• peekViewResult.selectionBackground#FEC5BB44
• peekViewTitle.background#322822
• peekViewTitleDescription.foreground#C4A08A
• peekViewTitleLabel.foreground#F0E0D4
• quickInput.background#241C18
• quickInput.foreground#F0E0D4
• quickInputHighlightForeground#E8956A
• scrollbarSlider.activeBackground#FEC5BB88
• scrollbarSlider.background#6B554844
• scrollbarSlider.hoverBackground#6B554888
• selection.background#FEC5BB77
• sideBar.background#241C18
• sideBar.border#1E1714
• sideBar.foreground#F0E0D4
• sideBarSectionHeader.background#1E1714
• sideBarSectionHeader.border#3D322C
• sideBarSectionHeader.foreground#E8D5C4
• sideBarTitle.foreground#E8D5C4
• statusBar.background#3A2E28
• statusBar.border#4A3A32
• statusBar.debuggingBackground#E8956A
• statusBar.debuggingForeground#1E1714
• statusBar.foreground#F0E0D4
• statusBar.noFolderBackground#1E1714
• statusBarItem.hoverBackground#4A3A3266
• statusBarItem.remoteBackground#FEC5BB
• statusBarItem.remoteForeground#3A1F14
• tab.activeBackground#2A211C
• tab.activeBorderTop#FEC5BB
• tab.activeForeground#F0E0D4
• tab.border#1E1714
• tab.hoverBackground#3F322C
• tab.inactiveBackground#322822
• tab.inactiveForeground#C4A08A
• terminal.ansiBlack#1E1714
• terminal.ansiBlue#7B8FA1
• terminal.ansiBrightBlue#A8BAC9
• terminal.ansiBrightCyan#D8E2DC
• terminal.ansiBrightGreen#A3C4A8
• terminal.ansiBrightMagenta#FFD7C8
• terminal.ansiBrightRed#E07B5A
• terminal.ansiBrightWhite#F8EDEB
• terminal.ansiBrightYellow#E8C49A
• terminal.ansiCyan#A8C4BC
• terminal.ansiGreen#8FB892
• terminal.ansiMagenta#FEC5BB
• terminal.ansiRed#E8956A
• terminal.ansiWhite#E8D5C4
• terminal.ansiYellow#D4A574
• terminal.background#2A211C
• terminal.foreground#F0E0D4
• terminalCursor.foreground#E8956A
• titleBar.activeBackground#322822
• titleBar.activeForeground#F0E0D4
• titleBar.border#3D322C
• titleBar.inactiveBackground#1E1714
• titleBar.inactiveForeground#C4A08A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).