Peachy Theme
Publisher: caroljardimsThemes in package: 3
Warm natural themes with linen, cocoa, and cherry tones — light and dark.
Color themes
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#1A1215
- activityBar.border#3D2A30
- activityBar.foreground#F5E4E8
- activityBar.inactiveForeground#C498A499
- activityBarBadge.background#E8788A
- activityBarBadge.foreground#2A1218
- badge.background#E8788A
- badge.foreground#2A1218
- breadcrumb.activeSelectionForeground#F5E4E8
- breadcrumb.focusForeground#F5E4E8
- breadcrumb.foreground#C498A4
- breadcrumbPicker.background#24161A
- button.background#E8788A
- button.foreground#2A1218
- button.hoverBackground#F0909C
- button.secondaryBackground#3A242A
- button.secondaryForeground#F5E4E8
- descriptionForeground#C498A4
- diffEditor.insertedTextBackground#8FB89244
- diffEditor.removedTextBackground#E8788A44
- dropdown.background#24161A
- dropdown.border#3D2A30
- dropdown.foreground#F5E4E8
- editor.background#2A1C20
- editor.findMatchBackground#E8788A88
- editor.findMatchHighlightBackground#E8788A44
- editor.foreground#F5E4E8
- editor.lineHighlightBackground#332428
- editor.selectionBackground#E8788A55
- editor.selectionHighlightBackground#E8788A2A
- editor.wordHighlightBackground#F0909C55
- editor.wordHighlightStrongBackground#F0909C44
- editorBracketMatch.background#F0909C66
- editorBracketMatch.border#E8788A
- editorCursor.foreground#F0909C
- editorGroupHeader.tabsBackground#322024
- editorGutter.background#2A1C20
- editorIndentGuide.activeBackground1#E8788A
- editorIndentGuide.background1#3D2A30
- editorLineNumber.activeForeground#F0909C
- editorLineNumber.foreground#7A5862
- editorOverviewRuler.border#3D2A30
- editorWhitespace.foreground#4A353C
- errorForeground#E85868
- focusBorder#E8788A
- foreground#E8D0D6
- gitDecoration.addedResourceForeground#8FB892
- gitDecoration.deletedResourceForeground#E85868
- gitDecoration.ignoredResourceForeground#7A5862
- gitDecoration.modifiedResourceForeground#F0909C
- gitDecoration.untrackedResourceForeground#C498A4
- input.background#24161A
- input.border#3D2A30
- input.foreground#F5E4E8
- input.placeholderForeground#7A5862
- inputOption.activeBackground#E8788A33
- inputOption.activeBorder#E8788A
- list.activeSelectionBackground#E8788A66
- list.activeSelectionForeground#2A1218
- list.focusBackground#E8788A44
- list.highlightForeground#F0909C
- list.hoverBackground#3F2A30
- list.hoverForeground#F5E4E8
- list.inactiveSelectionBackground#F0909C66
- list.inactiveSelectionForeground#F5E4E8
- notificationCenterHeader.background#1A1215
- notificationCenterHeader.foreground#F5E4E8
- notifications.background#24161A
- notifications.border#3D2A30
- notifications.foreground#F5E4E8
- panel.background#2A1C20
- panel.border#3D2A30
- panelTitle.activeBorder#E8788A
- panelTitle.activeForeground#F5E4E8
- panelTitle.inactiveForeground#C498A4
- peekView.border#E8788A
- peekViewEditor.background#24161A
- peekViewEditorGutter.background#24161A
- peekViewResult.background#1A1215
- peekViewResult.matchHighlightBackground#E8788A55
- peekViewResult.selectionBackground#E8788A44
- peekViewTitle.background#322024
- peekViewTitleDescription.foreground#C498A4
- peekViewTitleLabel.foreground#F5E4E8
- quickInput.background#24161A
- quickInput.foreground#F5E4E8
- quickInputHighlightForeground#F0909C
- scrollbarSlider.activeBackground#E8788A88
- scrollbarSlider.background#6B4A5544
- scrollbarSlider.hoverBackground#6B4A5588
- selection.background#E8788A77
- sideBar.background#24161A
- sideBar.border#1A1215
- sideBar.foreground#F5E4E8
- sideBarSectionHeader.background#1A1215
- sideBarSectionHeader.border#3D2A30
- sideBarSectionHeader.foreground#E8D0D6
- sideBarTitle.foreground#E8D0D6
- statusBar.background#3A242A
- statusBar.border#4A353C
- statusBar.debuggingBackground#F0909C
- statusBar.debuggingForeground#1A1215
- statusBar.foreground#F5E4E8
- statusBar.noFolderBackground#1A1215
- statusBarItem.hoverBackground#4A353C66
- statusBarItem.remoteBackground#E8788A
- statusBarItem.remoteForeground#2A1218
- tab.activeBackground#2A1C20
- tab.activeBorderTop#E8788A
- tab.activeForeground#F5E4E8
- tab.border#1A1215
- tab.hoverBackground#3F2A30
- tab.inactiveBackground#322024
- tab.inactiveForeground#C498A4
- terminal.ansiBlack#1A1215
- terminal.ansiBlue#7B8FA1
- terminal.ansiBrightBlue#A8BAC9
- terminal.ansiBrightCyan#D8E2DC
- terminal.ansiBrightGreen#A3C4A8
- terminal.ansiBrightMagenta#F5B0BC
- terminal.ansiBrightRed#E85868
- terminal.ansiBrightWhite#F8E8EC
- terminal.ansiBrightYellow#E8C49A
- terminal.ansiCyan#A8C4BC
- terminal.ansiGreen#8FB892
- terminal.ansiMagenta#E8788A
- terminal.ansiRed#F0909C
- terminal.ansiWhite#E8D0D6
- terminal.ansiYellow#D4A574
- terminal.background#2A1C20
- terminal.foreground#F5E4E8
- terminalCursor.foreground#F0909C
- titleBar.activeBackground#322024
- titleBar.activeForeground#F5E4E8
- titleBar.border#3D2A30
- titleBar.inactiveBackground#1A1215
- titleBar.inactiveForeground#C498A4
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8A6870 | italic |
| keyword, storage.type, storage.modifier | #F0909C | bold |
| keyword.control | #E07080 | — |
| string, string.quoted | #C4A0A8 | — |
| constant.character.escape, punctuation.definition.template-expression | #F0909C | — |
| constant.numeric | #D4A0A8 | — |
| constant.language | #D4A0A8 | italic |
| constant.other | #C49888 | — |
| entity.name.type, entity.name.class, support.class, support.type | #C498A8 | — |
| entity.name.function, meta.definition.method entity.name.function | #E07080 | bold |
| meta.function-call entity.name.function, support.function | #E8788A | — |
| variable.parameter | #B88898 | italic |
| variable, variable.other | #F5E4E8 | — |
| variable.other.property, support.variable.property | #D4A0B0 | — |
| meta.object-literal.key | #D4A0B0 | — |
| entity.name.tag | #F0909C | — |
| entity.other.attribute-name | #D4A0A8 | — |
| support.type.property-name.css | #C498A8 | — |
| support.constant.property-value.css | #B88898 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #E07080 | — |
| keyword.operator.module, meta.decorator, punctuation.decorator | #C498A0 | — |
| keyword.operator | #C49888 | — |
| punctuation | #A88090 | — |
| entity.name.namespace, entity.name.module | #D4A0A8 | — |
| markup.heading, entity.name.section.markdown | #F0909C | bold |
| markup.bold | #E07080 | bold |
| markup.italic | #D4A0A8 | italic |
| markup.inline.raw, markup.fenced_code.block | #B88898 | — |
| markup.underline.link | #F0909C | — |
| support.type.property-name.json | #E07080 | — |
| invalid, invalid.deprecated | #E85868 | strikethrough |