Everforest (Gogh)
Publisher: Frost-rA9Themes in package: 6
Six Everforest color schemes (Dark/Light × Hard/Medium/Soft) for VS Code
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.activeBorder#A7C080
- activityBar.background#2b3438
- activityBar.foreground#D3C6AA
- activityBar.inactiveForeground#5C6A72
- activityBarBadge.background#A7C080
- activityBarBadge.foreground#272E33
- badge.background#A7C080
- badge.foreground#272E33
- breadcrumb.activeSelectionForeground#D3C6AA
- breadcrumb.focusForeground#D3C6AA
- breadcrumb.foreground#5C6A72
- button.background#3c4041
- button.foreground#D3C6AA
- button.hoverBackground#505250
- button.secondaryBackground#293135
- button.secondaryForeground#D3C6AA
- button.secondaryHoverBackground#303639
- checkbox.background#293135
- checkbox.border#3c4041
- checkbox.foreground#D3C6AA
- descriptionForeground#5C6A72
- diffEditor.diagonalFill#3c40414d
- diffEditor.insertedLineBackground#a7c0801a
- diffEditor.insertedTextBackground#a7c08026
- diffEditor.removedLineBackground#e67e801a
- diffEditor.removedTextBackground#e67e8026
- dropdown.background#293135
- dropdown.border#3c4041
- dropdown.foreground#D3C6AA
- editor.background#272E33
- editor.findMatchBackground#8da10159
- editor.findMatchHighlightBackground#a7c0802e
- editor.findRangeHighlightBackground#7fbbb31f
- editor.foreground#D3C6AA
- editor.hoverHighlightBackground#a7c0801a
- editor.inactiveSelectionBackground#383d3f
- editor.lineHighlightBackground#2c3337
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#5c6a7233
- editor.selectionBackground#464948
- editor.selectionHighlightBackground#a7c08040
- editor.wordHighlightBackground#a7c08040
- editor.wordHighlightStrongBackground#7fbbb333
- editorBracketHighlight.foreground1#A7C080
- editorBracketHighlight.foreground2#DBBC7F
- editorBracketHighlight.foreground3#7FBBB3
- editorBracketHighlight.foreground4#E67E80
- editorBracketHighlight.foreground5#83C092
- editorBracketHighlight.foreground6#D699B6
- editorCursor.foreground#D3C6AA
- editorError.foreground#F85552
- editorGroup.border#3c4041
- editorGroupHeader.tabsBackground#272E33
- editorGutter.addedBackground#A7C080
- editorGutter.background#272E33
- editorGutter.deletedBackground#E67E80
- editorGutter.modifiedBackground#DBBC7F
- editorHint.foreground#7FBBB3
- editorHoverWidget.background#293135
- editorHoverWidget.border#3c4041
- editorHoverWidget.foreground#D3C6AA
- editorIndentGuide.activeBackground#a7c08066
- editorIndentGuide.background#3c404166
- editorInfo.foreground#7FBBB3
- editorLineNumber.activeForeground#D3C6AA
- editorLineNumber.foreground#5C6A72
- editorLink.activeForeground#7FBBB3
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#f85552cc
- editorOverviewRuler.infoForeground#7fbbb3cc
- editorOverviewRuler.warningForeground#dbbc7fcc
- editorSuggestWidget.background#293135
- editorSuggestWidget.border#3c4041
- editorSuggestWidget.foreground#D3C6AA
- editorSuggestWidget.highlightForeground#A7C080
- editorSuggestWidget.selectedBackground#3c4041
- editorSuggestWidget.selectedForeground#D3C6AA
- editorWarning.foreground#DBBC7F
- editorWhitespace.foreground#3c404180
- editorWidget.background#293135
- editorWidget.border#3c4041
- errorForeground#F85552
- focusBorder#a7c0808c
- foreground#D3C6AA
- gitDecoration.addedResourceForeground#A7C080
- gitDecoration.conflictingResourceForeground#D699B6
- gitDecoration.deletedResourceForeground#E67E80
- gitDecoration.modifiedResourceForeground#DBBC7F
- gitDecoration.untrackedResourceForeground#83C092
- infoForeground#7FBBB3
- input.background#293135
- input.border#3c4041
- input.foreground#D3C6AA
- input.placeholderForeground#5C6A72
- inputOption.activeBackground#a7c0801f
- inputOption.activeBorder#A7C080
- inputValidation.errorBackground#f8555226
- inputValidation.errorBorder#F85552
- inputValidation.errorForeground#F85552
- inputValidation.infoBackground#7fbbb326
- inputValidation.infoBorder#7FBBB3
- inputValidation.infoForeground#7FBBB3
- inputValidation.warningBackground#dbbc7f26
- inputValidation.warningBorder#DBBC7F
- inputValidation.warningForeground#DBBC7F
- list.activeSelectionBackground#3c4041
- list.activeSelectionForeground#D3C6AA
- list.focusAndSelectionBackground#3c4041
- list.focusBackground#303639
- list.focusOutline#A7C080
- list.highlightForeground#A7C080
- list.hoverBackground#303639
- list.inactiveSelectionBackground#303639
- list.invalidItemForeground#F85552
- listFilterWidget.background#293135
- listFilterWidget.outline#A7C080
- menu.background#293135
- menu.border#3c4041
- menu.foreground#D3C6AA
- menu.selectionBackground#3c4041
- menu.selectionForeground#D3C6AA
- minimap.background#272E33
- minimap.errorHighlight#F85552
- minimap.findMatchHighlight#A7C080
- minimap.selectionHighlight#464948
- minimap.warningHighlight#DBBC7F
- minimapGutter.addedBackground#A7C080
- minimapGutter.deletedBackground#E67E80
- minimapGutter.modifiedBackground#DBBC7F
- notificationCenter.border#3c4041
- notificationToast.border#3c4041
- panel.background#272E33
- panel.border#3c4041
- panelSection.border#3c4041
- panelSectionHeader.background#293135
- panelSectionHeader.foreground#D3C6AA
- panelTitle.activeBorder#A7C080
- panelTitle.activeForeground#D3C6AA
- panelTitle.inactiveForeground#5C6A72
- pickerGroup.border#3c4041
- pickerGroup.foreground#5C6A72
- progressBar.background#A7C080
- quickInput.background#293135
- quickInput.foreground#D3C6AA
- scrollbar.shadow#00000070
- scrollbarSlider.activeBackground#505250e6
- scrollbarSlider.background#3c404199
- scrollbarSlider.hoverBackground#3c4041e6
- settings.headerForeground#D3C6AA
- settings.modifiedItemIndicator#DBBC7F
- sideBar.background#293135
- sideBar.foreground#D3C6AA
- sideBarSectionHeader.background#293135
- sideBarSectionHeader.border#3c4041
- sideBarSectionHeader.foreground#5C6A72
- sideBarTitle.foreground#D3C6AA
- statusBar.background#2b3438
- statusBar.border#2b3438
- statusBar.debuggingBackground#5a474a
- statusBar.debuggingForeground#D3C6AA
- statusBar.foreground#D3C6AA
- statusBar.noFolderBackground#2b3438
- statusBar.noFolderForeground#D3C6AA
- statusBarItem.activeBackground#3c4041
- statusBarItem.hoverBackground#303639
- statusBarItem.prominentBackground#A7C080
- statusBarItem.prominentForeground#272E33
- tab.activeBackground#272E33
- tab.activeBorder#A7C080
- tab.activeForeground#D3C6AA
- tab.border#3c4041
- tab.hoverBackground#303639
- tab.inactiveBackground#293135
- tab.inactiveForeground#5C6A72
- tab.unfocusedActiveBackground#272E33
- tab.unfocusedInactiveBackground#293135
- terminal.ansiBlack#2E383C
- terminal.ansiBlue#7FBBB3
- terminal.ansiBrightBlack#5C6A72
- terminal.ansiBrightBlue#3A94C5
- terminal.ansiBrightCyan#35A77C
- terminal.ansiBrightGreen#8DA101
- terminal.ansiBrightMagenta#DF69BA
- terminal.ansiBrightRed#F85552
- terminal.ansiBrightWhite#DFDDC8
- terminal.ansiBrightYellow#DFA000
- terminal.ansiCyan#83C092
- terminal.ansiGreen#A7C080
- terminal.ansiMagenta#D699B6
- terminal.ansiRed#E67E80
- terminal.ansiWhite#D3C6AA
- terminal.ansiYellow#DBBC7F
- terminal.background#272E33
- terminal.foreground#D3C6AA
- terminalCursor.foreground#D3C6AA
- textBlockQuote.background#303639
- textBlockQuote.border#a7c08080
- textCodeBlock.background#293135
- textLink.activeForeground#A7C080
- textLink.foreground#7FBBB3
- textPreformat.foreground#D3C6AA
- textSeparator.foreground#3c4041
- titleBar.activeBackground#2b3438
- titleBar.activeForeground#D3C6AA
- titleBar.inactiveBackground#2b3438
- titleBar.inactiveForeground#5C6A72
- warningForeground#DBBC7F
- widget.shadow#00000070
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage.type.function, storage.type.class, storage.type.enum, storage.type.interface, storage.type.property, keyword.operator.new, keyword.operator.expression, keyword.operator.delete, storage.type.extends | #E67E80 | — |
| keyword.other.debugger | #E67E80 | — |
| storage, modifier, keyword.var, entity.name.tag, keyword.control.case, keyword.control.switch | #e19d80 | — |
| keyword.operator | #e19d80 | — |
| string, punctuation.definition.string.end, punctuation.definition.string.begin, punctuation.definition.string.template.begin, punctuation.definition.string.template.end | #DBBC7F | — |
| entity.other.attribute-name | #DBBC7F | — |
| constant.character.escape, punctuation.quasi.element, punctuation.definition.template-expression, punctuation.section.embedded, storage.type.format, constant.other.placeholder, variable.interpolation | #A7C080 | — |
| entity.name.function, support.function, meta.function, meta.function-call, meta.definition.method | #A7C080 | — |
| keyword.control.at-rule, keyword.control.import, keyword.control.export, storage.type.namespace, punctuation.decorator, keyword.control.directive, keyword.preprocessor, punctuation.definition.preprocessor, punctuation.definition.directive, keyword.other.import, keyword.other.package, entity.name.type.namespace, entity.name.scope-resolution, keyword.other.using, keyword.package, keyword.import, keyword.map | #83C092 | — |
| storage.type.annotation | #83C092 | — |
| entity.name.label, constant.other.label | #83C092 | — |
| support.module, support.node, support.other.module, support.type.object.module, entity.name.type.module, entity.name.type.class.module, keyword.control.module | #83C092 | — |
| storage.type, support.type, entity.name.type, keyword.type | #7FBBB3 | — |
| entity.name.type.class, support.class, entity.name.class, entity.other.inherited-class, storage.class | #7FBBB3 | — |
| constant.numeric | #D699B6 | — |
| constant.language.boolean | #D699B6 | — |
| variable.language.this, variable.language.self, variable.language.super, keyword.other.this, variable.language.special, constant.language.nu | #D699B6 | — |
| constant.language, support.constant | #D699B6 | — |
| variable, support.variable, meta.definition.variable | #D3C6AA | — |
| variable.object.property, support.variable.property, variable.other.property, variable.other.object.property, variable.other.enummember | #D3C6AA | — |
| punctuation.definition.tag, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.definition.interpolation, punctuation.definition.template-expression | #5C6A72 | — |
| comment, punctuation.definition.comment | #5C6A72 | italic |
| invalid, invalid.illegal | #F85552 | — |
| heading.1.markdown, markup.heading.setext.1.markdown | #E67E80 | bold |
| heading.2.markdown, markup.heading.setext.2.markdown | #e19d80 | bold |
| heading.3.markdown | #DBBC7F | bold |
| heading.4.markdown | #A7C080 | bold |
| heading.5.markdown | #7FBBB3 | bold |
| heading.6.markdown | #D699B6 | bold |
| string.other.link.title.markdown, constant.other.reference.link.markdown, string.other.link.description.markdown | #D699B6 | — |
| markup.underline.link.image.markdown, markup.underline.link.markdown | #A7C080 | underline |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.heading.markdown | #5C6A72 | — |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.bold.markdown markup.italic.markdown | — | italic bold |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown | #A7C080 | — |
| punctuation.definition.raw.markdown, punctuation.definition.markdown | #DBBC7F | — |
| punctuation.definition.list.begin.markdown | #E67E80 | — |
| string.quoted.double.html, string.quoted.single.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #A7C080 | — |
| support.type.property-name.css | #83C092 | — |
| support.type.vendored.property-name.css | #7FBBB3 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #DBBC7F | — |
| entity.other.attribute-name.class.css | #E67E80 | — |
| keyword.other.unit | #e19d80 | — |
| entity.name.tag.css, keyword.control.at-rule.keyframes.css | #D699B6 | — |
| support.type.property-name.json, support.type.object.key.json | #DBBC7F | — |
| storage.type.js, storage.type.function.arrow.js | #e19d80 | — |
| punctuation.accessor.js, punctuation.separator.key-value.js, keyword.operator.accessor.js | #5C6A72 | — |
| punctuation.definition.block.tag.jsdoc | #E67E80 | — |
| variable.parameter.function.python | #D3C6AA | — |
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.activeBorder#A7C080
- activityBar.background#313b40
- activityBar.foreground#D3C6AA
- activityBar.inactiveForeground#5C6A72
- activityBarBadge.background#A7C080
- activityBarBadge.foreground#2D353B
- badge.background#A7C080
- badge.foreground#2D353B
- breadcrumb.activeSelectionForeground#D3C6AA
- breadcrumb.focusForeground#D3C6AA
- breadcrumb.foreground#5C6A72
- button.background#414648
- button.foreground#D3C6AA
- button.hoverBackground#555856
- button.secondaryBackground#2f383d
- button.secondaryForeground#D3C6AA
- button.secondaryHoverBackground#353c41
- checkbox.background#2f383d
- checkbox.border#414648
- checkbox.foreground#D3C6AA
- descriptionForeground#5C6A72
- diffEditor.diagonalFill#4146484d
- diffEditor.insertedLineBackground#a7c0801a
- diffEditor.insertedTextBackground#a7c08026
- diffEditor.removedLineBackground#e67e801a
- diffEditor.removedTextBackground#e67e8026
- dropdown.background#2f383d
- dropdown.border#414648
- dropdown.foreground#D3C6AA
- editor.background#2D353B
- editor.findMatchBackground#8da10159
- editor.findMatchHighlightBackground#a7c0802e
- editor.findRangeHighlightBackground#7fbbb31f
- editor.foreground#D3C6AA
- editor.hoverHighlightBackground#a7c0801a
- editor.inactiveSelectionBackground#3e4446
- editor.lineHighlightBackground#32393e
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#5c6a7233
- editor.selectionBackground#4b4f4f
- editor.selectionHighlightBackground#a7c08040
- editor.wordHighlightBackground#a7c08040
- editor.wordHighlightStrongBackground#7fbbb333
- editorBracketHighlight.foreground1#A7C080
- editorBracketHighlight.foreground2#DBBC7F
- editorBracketHighlight.foreground3#7FBBB3
- editorBracketHighlight.foreground4#E67E80
- editorBracketHighlight.foreground5#83C092
- editorBracketHighlight.foreground6#D699B6
- editorCursor.foreground#D3C6AA
- editorError.foreground#F85552
- editorGroup.border#414648
- editorGroupHeader.tabsBackground#2D353B
- editorGutter.addedBackground#A7C080
- editorGutter.background#2D353B
- editorGutter.deletedBackground#E67E80
- editorGutter.modifiedBackground#DBBC7F
- editorHint.foreground#7FBBB3
- editorHoverWidget.background#2f383d
- editorHoverWidget.border#414648
- editorHoverWidget.foreground#D3C6AA
- editorIndentGuide.activeBackground#a7c08066
- editorIndentGuide.background#41464866
- editorInfo.foreground#7FBBB3
- editorLineNumber.activeForeground#D3C6AA
- editorLineNumber.foreground#5C6A72
- editorLink.activeForeground#7FBBB3
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#f85552cc
- editorOverviewRuler.infoForeground#7fbbb3cc
- editorOverviewRuler.warningForeground#dbbc7fcc
- editorSuggestWidget.background#2f383d
- editorSuggestWidget.border#414648
- editorSuggestWidget.foreground#D3C6AA
- editorSuggestWidget.highlightForeground#A7C080
- editorSuggestWidget.selectedBackground#414648
- editorSuggestWidget.selectedForeground#D3C6AA
- editorWarning.foreground#DBBC7F
- editorWhitespace.foreground#41464880
- editorWidget.background#2f383d
- editorWidget.border#414648
- errorForeground#F85552
- focusBorder#a7c0808c
- foreground#D3C6AA
- gitDecoration.addedResourceForeground#A7C080
- gitDecoration.conflictingResourceForeground#D699B6
- gitDecoration.deletedResourceForeground#E67E80
- gitDecoration.modifiedResourceForeground#DBBC7F
- gitDecoration.untrackedResourceForeground#83C092
- infoForeground#7FBBB3
- input.background#2f383d
- input.border#414648
- input.foreground#D3C6AA
- input.placeholderForeground#5C6A72
- inputOption.activeBackground#a7c0801f
- inputOption.activeBorder#A7C080
- inputValidation.errorBackground#f8555226
- inputValidation.errorBorder#F85552
- inputValidation.errorForeground#F85552
- inputValidation.infoBackground#7fbbb326
- inputValidation.infoBorder#7FBBB3
- inputValidation.infoForeground#7FBBB3
- inputValidation.warningBackground#dbbc7f26
- inputValidation.warningBorder#DBBC7F
- inputValidation.warningForeground#DBBC7F
- list.activeSelectionBackground#414648
- list.activeSelectionForeground#D3C6AA
- list.focusAndSelectionBackground#414648
- list.focusBackground#353c41
- list.focusOutline#A7C080
- list.highlightForeground#A7C080
- list.hoverBackground#353c41
- list.inactiveSelectionBackground#353c41
- list.invalidItemForeground#F85552
- listFilterWidget.background#2f383d
- listFilterWidget.outline#A7C080
- menu.background#2f383d
- menu.border#414648
- menu.foreground#D3C6AA
- menu.selectionBackground#414648
- menu.selectionForeground#D3C6AA
- minimap.background#2D353B
- minimap.errorHighlight#F85552
- minimap.findMatchHighlight#A7C080
- minimap.selectionHighlight#4b4f4f
- minimap.warningHighlight#DBBC7F
- minimapGutter.addedBackground#A7C080
- minimapGutter.deletedBackground#E67E80
- minimapGutter.modifiedBackground#DBBC7F
- notificationCenter.border#414648
- notificationToast.border#414648
- panel.background#2D353B
- panel.border#414648
- panelSection.border#414648
- panelSectionHeader.background#2f383d
- panelSectionHeader.foreground#D3C6AA
- panelTitle.activeBorder#A7C080
- panelTitle.activeForeground#D3C6AA
- panelTitle.inactiveForeground#5C6A72
- pickerGroup.border#414648
- pickerGroup.foreground#5C6A72
- progressBar.background#A7C080
- quickInput.background#2f383d
- quickInput.foreground#D3C6AA
- scrollbar.shadow#00000070
- scrollbarSlider.activeBackground#555856e6
- scrollbarSlider.background#41464899
- scrollbarSlider.hoverBackground#414648e6
- settings.headerForeground#D3C6AA
- settings.modifiedItemIndicator#DBBC7F
- sideBar.background#2f383d
- sideBar.foreground#D3C6AA
- sideBarSectionHeader.background#2f383d
- sideBarSectionHeader.border#414648
- sideBarSectionHeader.foreground#5C6A72
- sideBarTitle.foreground#D3C6AA
- statusBar.background#313b40
- statusBar.border#313b40
- statusBar.debuggingBackground#5e4c50
- statusBar.debuggingForeground#D3C6AA
- statusBar.foreground#D3C6AA
- statusBar.noFolderBackground#313b40
- statusBar.noFolderForeground#D3C6AA
- statusBarItem.activeBackground#414648
- statusBarItem.hoverBackground#353c41
- statusBarItem.prominentBackground#A7C080
- statusBarItem.prominentForeground#2D353B
- tab.activeBackground#2D353B
- tab.activeBorder#A7C080
- tab.activeForeground#D3C6AA
- tab.border#414648
- tab.hoverBackground#353c41
- tab.inactiveBackground#2f383d
- tab.inactiveForeground#5C6A72
- tab.unfocusedActiveBackground#2D353B
- tab.unfocusedInactiveBackground#2f383d
- terminal.ansiBlack#343F44
- terminal.ansiBlue#7FBBB3
- terminal.ansiBrightBlack#5C6A72
- terminal.ansiBrightBlue#3A94C5
- terminal.ansiBrightCyan#35A77C
- terminal.ansiBrightGreen#8DA101
- terminal.ansiBrightMagenta#DF69BA
- terminal.ansiBrightRed#F85552
- terminal.ansiBrightWhite#DFDDC8
- terminal.ansiBrightYellow#DFA000
- terminal.ansiCyan#83C092
- terminal.ansiGreen#A7C080
- terminal.ansiMagenta#D699B6
- terminal.ansiRed#E67E80
- terminal.ansiWhite#D3C6AA
- terminal.ansiYellow#DBBC7F
- terminal.background#2D353B
- terminal.foreground#D3C6AA
- terminalCursor.foreground#D3C6AA
- textBlockQuote.background#353c41
- textBlockQuote.border#a7c08080
- textCodeBlock.background#2f383d
- textLink.activeForeground#A7C080
- textLink.foreground#7FBBB3
- textPreformat.foreground#D3C6AA
- textSeparator.foreground#414648
- titleBar.activeBackground#313b40
- titleBar.activeForeground#D3C6AA
- titleBar.inactiveBackground#313b40
- titleBar.inactiveForeground#5C6A72
- warningForeground#DBBC7F
- widget.shadow#00000070
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage.type.function, storage.type.class, storage.type.enum, storage.type.interface, storage.type.property, keyword.operator.new, keyword.operator.expression, keyword.operator.delete, storage.type.extends | #E67E80 | — |
| keyword.other.debugger | #E67E80 | — |
| storage, modifier, keyword.var, entity.name.tag, keyword.control.case, keyword.control.switch | #e19d80 | — |
| keyword.operator | #e19d80 | — |
| string, punctuation.definition.string.end, punctuation.definition.string.begin, punctuation.definition.string.template.begin, punctuation.definition.string.template.end | #DBBC7F | — |
| entity.other.attribute-name | #DBBC7F | — |
| constant.character.escape, punctuation.quasi.element, punctuation.definition.template-expression, punctuation.section.embedded, storage.type.format, constant.other.placeholder, variable.interpolation | #A7C080 | — |
| entity.name.function, support.function, meta.function, meta.function-call, meta.definition.method | #A7C080 | — |
| keyword.control.at-rule, keyword.control.import, keyword.control.export, storage.type.namespace, punctuation.decorator, keyword.control.directive, keyword.preprocessor, punctuation.definition.preprocessor, punctuation.definition.directive, keyword.other.import, keyword.other.package, entity.name.type.namespace, entity.name.scope-resolution, keyword.other.using, keyword.package, keyword.import, keyword.map | #83C092 | — |
| storage.type.annotation | #83C092 | — |
| entity.name.label, constant.other.label | #83C092 | — |
| support.module, support.node, support.other.module, support.type.object.module, entity.name.type.module, entity.name.type.class.module, keyword.control.module | #83C092 | — |
| storage.type, support.type, entity.name.type, keyword.type | #7FBBB3 | — |
| entity.name.type.class, support.class, entity.name.class, entity.other.inherited-class, storage.class | #7FBBB3 | — |
| constant.numeric | #D699B6 | — |
| constant.language.boolean | #D699B6 | — |
| variable.language.this, variable.language.self, variable.language.super, keyword.other.this, variable.language.special, constant.language.nu | #D699B6 | — |
| constant.language, support.constant | #D699B6 | — |
| variable, support.variable, meta.definition.variable | #D3C6AA | — |
| variable.object.property, support.variable.property, variable.other.property, variable.other.object.property, variable.other.enummember | #D3C6AA | — |
| punctuation.definition.tag, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.definition.interpolation, punctuation.definition.template-expression | #5C6A72 | — |
| comment, punctuation.definition.comment | #5C6A72 | italic |
| invalid, invalid.illegal | #F85552 | — |
| heading.1.markdown, markup.heading.setext.1.markdown | #E67E80 | bold |
| heading.2.markdown, markup.heading.setext.2.markdown | #e19d80 | bold |
| heading.3.markdown | #DBBC7F | bold |
| heading.4.markdown | #A7C080 | bold |
| heading.5.markdown | #7FBBB3 | bold |
| heading.6.markdown | #D699B6 | bold |
| string.other.link.title.markdown, constant.other.reference.link.markdown, string.other.link.description.markdown | #D699B6 | — |
| markup.underline.link.image.markdown, markup.underline.link.markdown | #A7C080 | underline |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.heading.markdown | #5C6A72 | — |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.bold.markdown markup.italic.markdown | — | italic bold |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown | #A7C080 | — |
| punctuation.definition.raw.markdown, punctuation.definition.markdown | #DBBC7F | — |
| punctuation.definition.list.begin.markdown | #E67E80 | — |
| string.quoted.double.html, string.quoted.single.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #A7C080 | — |
| support.type.property-name.css | #83C092 | — |
| support.type.vendored.property-name.css | #7FBBB3 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #DBBC7F | — |
| entity.other.attribute-name.class.css | #E67E80 | — |
| keyword.other.unit | #e19d80 | — |
| entity.name.tag.css, keyword.control.at-rule.keyframes.css | #D699B6 | — |
| support.type.property-name.json, support.type.object.key.json | #DBBC7F | — |
| storage.type.js, storage.type.function.arrow.js | #e19d80 | — |
| punctuation.accessor.js, punctuation.separator.key-value.js, keyword.operator.accessor.js | #5C6A72 | — |
| punctuation.definition.block.tag.jsdoc | #E67E80 | — |
| variable.parameter.function.python | #D3C6AA | — |
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.activeBorder#A7C080
- activityBar.background#374248
- activityBar.foreground#D3C6AA
- activityBar.inactiveForeground#5C6A72
- activityBarBadge.background#A7C080
- activityBarBadge.foreground#333C43
- badge.background#A7C080
- badge.foreground#333C43
- breadcrumb.activeSelectionForeground#D3C6AA
- breadcrumb.focusForeground#D3C6AA
- breadcrumb.foreground#5C6A72
- button.background#464d4f
- button.foreground#D3C6AA
- button.hoverBackground#595d5c
- button.secondaryBackground#353f45
- button.secondaryForeground#D3C6AA
- button.secondaryHoverBackground#3b4348
- checkbox.background#353f45
- checkbox.border#464d4f
- checkbox.foreground#D3C6AA
- descriptionForeground#5C6A72
- diffEditor.diagonalFill#464d4f4d
- diffEditor.insertedLineBackground#a7c0801a
- diffEditor.insertedTextBackground#a7c08026
- diffEditor.removedLineBackground#e67e801a
- diffEditor.removedTextBackground#e67e8026
- dropdown.background#353f45
- dropdown.border#464d4f
- dropdown.foreground#D3C6AA
- editor.background#333C43
- editor.findMatchBackground#8da10159
- editor.findMatchHighlightBackground#a7c0802e
- editor.findRangeHighlightBackground#7fbbb31f
- editor.foreground#D3C6AA
- editor.hoverHighlightBackground#a7c0801a
- editor.inactiveSelectionBackground#434a4d
- editor.lineHighlightBackground#384046
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#5c6a7233
- editor.selectionBackground#505556
- editor.selectionHighlightBackground#a7c08040
- editor.wordHighlightBackground#a7c08040
- editor.wordHighlightStrongBackground#7fbbb333
- editorBracketHighlight.foreground1#A7C080
- editorBracketHighlight.foreground2#DBBC7F
- editorBracketHighlight.foreground3#7FBBB3
- editorBracketHighlight.foreground4#E67E80
- editorBracketHighlight.foreground5#83C092
- editorBracketHighlight.foreground6#D699B6
- editorCursor.foreground#D3C6AA
- editorError.foreground#F85552
- editorGroup.border#464d4f
- editorGroupHeader.tabsBackground#333C43
- editorGutter.addedBackground#A7C080
- editorGutter.background#333C43
- editorGutter.deletedBackground#E67E80
- editorGutter.modifiedBackground#DBBC7F
- editorHint.foreground#7FBBB3
- editorHoverWidget.background#353f45
- editorHoverWidget.border#464d4f
- editorHoverWidget.foreground#D3C6AA
- editorIndentGuide.activeBackground#a7c08066
- editorIndentGuide.background#464d4f66
- editorInfo.foreground#7FBBB3
- editorLineNumber.activeForeground#D3C6AA
- editorLineNumber.foreground#5C6A72
- editorLink.activeForeground#7FBBB3
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#f85552cc
- editorOverviewRuler.infoForeground#7fbbb3cc
- editorOverviewRuler.warningForeground#dbbc7fcc
- editorSuggestWidget.background#353f45
- editorSuggestWidget.border#464d4f
- editorSuggestWidget.foreground#D3C6AA
- editorSuggestWidget.highlightForeground#A7C080
- editorSuggestWidget.selectedBackground#464d4f
- editorSuggestWidget.selectedForeground#D3C6AA
- editorWarning.foreground#DBBC7F
- editorWhitespace.foreground#464d4f80
- editorWidget.background#353f45
- editorWidget.border#464d4f
- errorForeground#F85552
- focusBorder#a7c0808c
- foreground#D3C6AA
- gitDecoration.addedResourceForeground#A7C080
- gitDecoration.conflictingResourceForeground#D699B6
- gitDecoration.deletedResourceForeground#E67E80
- gitDecoration.modifiedResourceForeground#DBBC7F
- gitDecoration.untrackedResourceForeground#83C092
- infoForeground#7FBBB3
- input.background#353f45
- input.border#464d4f
- input.foreground#D3C6AA
- input.placeholderForeground#5C6A72
- inputOption.activeBackground#a7c0801f
- inputOption.activeBorder#A7C080
- inputValidation.errorBackground#f8555226
- inputValidation.errorBorder#F85552
- inputValidation.errorForeground#F85552
- inputValidation.infoBackground#7fbbb326
- inputValidation.infoBorder#7FBBB3
- inputValidation.infoForeground#7FBBB3
- inputValidation.warningBackground#dbbc7f26
- inputValidation.warningBorder#DBBC7F
- inputValidation.warningForeground#DBBC7F
- list.activeSelectionBackground#464d4f
- list.activeSelectionForeground#D3C6AA
- list.focusAndSelectionBackground#464d4f
- list.focusBackground#3b4348
- list.focusOutline#A7C080
- list.highlightForeground#A7C080
- list.hoverBackground#3b4348
- list.inactiveSelectionBackground#3b4348
- list.invalidItemForeground#F85552
- listFilterWidget.background#353f45
- listFilterWidget.outline#A7C080
- menu.background#353f45
- menu.border#464d4f
- menu.foreground#D3C6AA
- menu.selectionBackground#464d4f
- menu.selectionForeground#D3C6AA
- minimap.background#333C43
- minimap.errorHighlight#F85552
- minimap.findMatchHighlight#A7C080
- minimap.selectionHighlight#505556
- minimap.warningHighlight#DBBC7F
- minimapGutter.addedBackground#A7C080
- minimapGutter.deletedBackground#E67E80
- minimapGutter.modifiedBackground#DBBC7F
- notificationCenter.border#464d4f
- notificationToast.border#464d4f
- panel.background#333C43
- panel.border#464d4f
- panelSection.border#464d4f
- panelSectionHeader.background#353f45
- panelSectionHeader.foreground#D3C6AA
- panelTitle.activeBorder#A7C080
- panelTitle.activeForeground#D3C6AA
- panelTitle.inactiveForeground#5C6A72
- pickerGroup.border#464d4f
- pickerGroup.foreground#5C6A72
- progressBar.background#A7C080
- quickInput.background#353f45
- quickInput.foreground#D3C6AA
- scrollbar.shadow#00000070
- scrollbarSlider.activeBackground#595d5ce6
- scrollbarSlider.background#464d4f99
- scrollbarSlider.hoverBackground#464d4fe6
- settings.headerForeground#D3C6AA
- settings.modifiedItemIndicator#DBBC7F
- sideBar.background#353f45
- sideBar.foreground#D3C6AA
- sideBarSectionHeader.background#353f45
- sideBarSectionHeader.border#464d4f
- sideBarSectionHeader.foreground#5C6A72
- sideBarTitle.foreground#D3C6AA
- statusBar.background#374248
- statusBar.border#374248
- statusBar.debuggingBackground#635156
- statusBar.debuggingForeground#D3C6AA
- statusBar.foreground#D3C6AA
- statusBar.noFolderBackground#374248
- statusBar.noFolderForeground#D3C6AA
- statusBarItem.activeBackground#464d4f
- statusBarItem.hoverBackground#3b4348
- statusBarItem.prominentBackground#A7C080
- statusBarItem.prominentForeground#333C43
- tab.activeBackground#333C43
- tab.activeBorder#A7C080
- tab.activeForeground#D3C6AA
- tab.border#464d4f
- tab.hoverBackground#3b4348
- tab.inactiveBackground#353f45
- tab.inactiveForeground#5C6A72
- tab.unfocusedActiveBackground#333C43
- tab.unfocusedInactiveBackground#353f45
- terminal.ansiBlack#3A464C
- terminal.ansiBlue#7FBBB3
- terminal.ansiBrightBlack#5C6A72
- terminal.ansiBrightBlue#3A94C5
- terminal.ansiBrightCyan#35A77C
- terminal.ansiBrightGreen#8DA101
- terminal.ansiBrightMagenta#DF69BA
- terminal.ansiBrightRed#F85552
- terminal.ansiBrightWhite#DFDDC8
- terminal.ansiBrightYellow#DFA000
- terminal.ansiCyan#83C092
- terminal.ansiGreen#A7C080
- terminal.ansiMagenta#D699B6
- terminal.ansiRed#E67E80
- terminal.ansiWhite#D3C6AA
- terminal.ansiYellow#DBBC7F
- terminal.background#333C43
- terminal.foreground#D3C6AA
- terminalCursor.foreground#D3C6AA
- textBlockQuote.background#3b4348
- textBlockQuote.border#a7c08080
- textCodeBlock.background#353f45
- textLink.activeForeground#A7C080
- textLink.foreground#7FBBB3
- textPreformat.foreground#D3C6AA
- textSeparator.foreground#464d4f
- titleBar.activeBackground#374248
- titleBar.activeForeground#D3C6AA
- titleBar.inactiveBackground#374248
- titleBar.inactiveForeground#5C6A72
- warningForeground#DBBC7F
- widget.shadow#00000070
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage.type.function, storage.type.class, storage.type.enum, storage.type.interface, storage.type.property, keyword.operator.new, keyword.operator.expression, keyword.operator.delete, storage.type.extends | #E67E80 | — |
| keyword.other.debugger | #E67E80 | — |
| storage, modifier, keyword.var, entity.name.tag, keyword.control.case, keyword.control.switch | #e19d80 | — |
| keyword.operator | #e19d80 | — |
| string, punctuation.definition.string.end, punctuation.definition.string.begin, punctuation.definition.string.template.begin, punctuation.definition.string.template.end | #DBBC7F | — |
| entity.other.attribute-name | #DBBC7F | — |
| constant.character.escape, punctuation.quasi.element, punctuation.definition.template-expression, punctuation.section.embedded, storage.type.format, constant.other.placeholder, variable.interpolation | #A7C080 | — |
| entity.name.function, support.function, meta.function, meta.function-call, meta.definition.method | #A7C080 | — |
| keyword.control.at-rule, keyword.control.import, keyword.control.export, storage.type.namespace, punctuation.decorator, keyword.control.directive, keyword.preprocessor, punctuation.definition.preprocessor, punctuation.definition.directive, keyword.other.import, keyword.other.package, entity.name.type.namespace, entity.name.scope-resolution, keyword.other.using, keyword.package, keyword.import, keyword.map | #83C092 | — |
| storage.type.annotation | #83C092 | — |
| entity.name.label, constant.other.label | #83C092 | — |
| support.module, support.node, support.other.module, support.type.object.module, entity.name.type.module, entity.name.type.class.module, keyword.control.module | #83C092 | — |
| storage.type, support.type, entity.name.type, keyword.type | #7FBBB3 | — |
| entity.name.type.class, support.class, entity.name.class, entity.other.inherited-class, storage.class | #7FBBB3 | — |
| constant.numeric | #D699B6 | — |
| constant.language.boolean | #D699B6 | — |
| variable.language.this, variable.language.self, variable.language.super, keyword.other.this, variable.language.special, constant.language.nu | #D699B6 | — |
| constant.language, support.constant | #D699B6 | — |
| variable, support.variable, meta.definition.variable | #D3C6AA | — |
| variable.object.property, support.variable.property, variable.other.property, variable.other.object.property, variable.other.enummember | #D3C6AA | — |
| punctuation.definition.tag, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.definition.interpolation, punctuation.definition.template-expression | #5C6A72 | — |
| comment, punctuation.definition.comment | #5C6A72 | italic |
| invalid, invalid.illegal | #F85552 | — |
| heading.1.markdown, markup.heading.setext.1.markdown | #E67E80 | bold |
| heading.2.markdown, markup.heading.setext.2.markdown | #e19d80 | bold |
| heading.3.markdown | #DBBC7F | bold |
| heading.4.markdown | #A7C080 | bold |
| heading.5.markdown | #7FBBB3 | bold |
| heading.6.markdown | #D699B6 | bold |
| string.other.link.title.markdown, constant.other.reference.link.markdown, string.other.link.description.markdown | #D699B6 | — |
| markup.underline.link.image.markdown, markup.underline.link.markdown | #A7C080 | underline |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.heading.markdown | #5C6A72 | — |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.bold.markdown markup.italic.markdown | — | italic bold |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown | #A7C080 | — |
| punctuation.definition.raw.markdown, punctuation.definition.markdown | #DBBC7F | — |
| punctuation.definition.list.begin.markdown | #E67E80 | — |
| string.quoted.double.html, string.quoted.single.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #A7C080 | — |
| support.type.property-name.css | #83C092 | — |
| support.type.vendored.property-name.css | #7FBBB3 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #DBBC7F | — |
| entity.other.attribute-name.class.css | #E67E80 | — |
| keyword.other.unit | #e19d80 | — |
| entity.name.tag.css, keyword.control.at-rule.keyframes.css | #D699B6 | — |
| support.type.property-name.json, support.type.object.key.json | #DBBC7F | — |
| storage.type.js, storage.type.function.arrow.js | #e19d80 | — |
| punctuation.accessor.js, punctuation.separator.key-value.js, keyword.operator.accessor.js | #5C6A72 | — |
| punctuation.definition.block.tag.jsdoc | #E67E80 | — |
| variable.parameter.function.python | #D3C6AA | — |
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.activeBorder#8DA101
- activityBar.background#ebeae0
- activityBar.foreground#5C6A72
- activityBar.inactiveForeground#8d9698
- activityBarBadge.background#8DA101
- activityBarBadge.foreground#FFFBEF
- badge.background#8DA101
- badge.foreground#FFFBEF
- breadcrumb.activeSelectionForeground#5C6A72
- breadcrumb.focusForeground#5C6A72
- breadcrumb.foreground#8d9698
- button.background#e5e4db
- button.foreground#5C6A72
- button.hoverBackground#d5d5cf
- button.secondaryBackground#f5f2e8
- button.secondaryForeground#5C6A72
- button.secondaryHoverBackground#f2efe5
- checkbox.background#f5f2e8
- checkbox.border#e5e4db
- checkbox.foreground#5C6A72
- descriptionForeground#8d9698
- diffEditor.diagonalFill#e5e4db4d
- diffEditor.insertedLineBackground#8da1011a
- diffEditor.insertedTextBackground#8da10126
- diffEditor.removedLineBackground#f855521a
- diffEditor.removedTextBackground#f8555226
- dropdown.background#f5f2e8
- dropdown.border#e5e4db
- dropdown.foreground#5C6A72
- editor.background#FFFBEF
- editor.findMatchBackground#a7c08059
- editor.findMatchHighlightBackground#8da10126
- editor.findRangeHighlightBackground#3a94c51f
- editor.foreground#5C6A72
- editor.hoverHighlightBackground#8da1011a
- editor.inactiveSelectionBackground#f0eee4
- editor.lineHighlightBackground#f9f6eb
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#8d969833
- editor.selectionBackground#e5e4db
- editor.selectionHighlightBackground#8da10138
- editor.wordHighlightBackground#8da10138
- editor.wordHighlightStrongBackground#3a94c533
- editorBracketHighlight.foreground1#8DA101
- editorBracketHighlight.foreground2#DFA000
- editorBracketHighlight.foreground3#3A94C5
- editorBracketHighlight.foreground4#F85552
- editorBracketHighlight.foreground5#35A77C
- editorBracketHighlight.foreground6#DF69BA
- editorCursor.foreground#5C6A72
- editorError.foreground#F85552
- editorGroup.border#e5e4db
- editorGroupHeader.tabsBackground#FFFBEF
- editorGutter.addedBackground#8DA101
- editorGutter.background#FFFBEF
- editorGutter.deletedBackground#F85552
- editorGutter.modifiedBackground#DFA000
- editorHint.foreground#3A94C5
- editorHoverWidget.background#f5f2e8
- editorHoverWidget.border#e5e4db
- editorHoverWidget.foreground#5C6A72
- editorIndentGuide.activeBackground#8da10166
- editorIndentGuide.background#e5e4db66
- editorInfo.foreground#3A94C5
- editorLineNumber.activeForeground#748085
- editorLineNumber.foreground#9aa1a2
- editorLink.activeForeground#3A94C5
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#f85552cc
- editorOverviewRuler.infoForeground#3a94c5cc
- editorOverviewRuler.warningForeground#dfa000cc
- editorSuggestWidget.background#f5f2e8
- editorSuggestWidget.border#e5e4db
- editorSuggestWidget.foreground#5C6A72
- editorSuggestWidget.highlightForeground#8DA101
- editorSuggestWidget.selectedBackground#e5e4db
- editorSuggestWidget.selectedForeground#5C6A72
- editorWarning.foreground#DFA000
- editorWhitespace.foreground#e5e4db80
- editorWidget.background#f5f2e8
- editorWidget.border#e5e4db
- errorForeground#F85552
- focusBorder#8da1018c
- foreground#5C6A72
- gitDecoration.addedResourceForeground#8DA101
- gitDecoration.conflictingResourceForeground#DF69BA
- gitDecoration.deletedResourceForeground#F85552
- gitDecoration.modifiedResourceForeground#DFA000
- gitDecoration.untrackedResourceForeground#35A77C
- infoForeground#3A94C5
- input.background#f5f2e8
- input.border#e5e4db
- input.foreground#5C6A72
- input.placeholderForeground#8d9698
- inputOption.activeBackground#8da1011f
- inputOption.activeBorder#8DA101
- inputValidation.errorBackground#f8555226
- inputValidation.errorBorder#F85552
- inputValidation.errorForeground#F85552
- inputValidation.infoBackground#3a94c526
- inputValidation.infoBorder#3A94C5
- inputValidation.infoForeground#3A94C5
- inputValidation.warningBackground#dfa00026
- inputValidation.warningBorder#DFA000
- inputValidation.warningForeground#DFA000
- list.activeSelectionBackground#e5e4db
- list.activeSelectionForeground#5C6A72
- list.focusAndSelectionBackground#e5e4db
- list.focusBackground#f2efe5
- list.focusOutline#8DA101
- list.highlightForeground#8DA101
- list.hoverBackground#f2efe5
- list.inactiveSelectionBackground#f2efe5
- list.invalidItemForeground#F85552
- listFilterWidget.background#f5f2e8
- listFilterWidget.outline#8DA101
- menu.background#f5f2e8
- menu.border#e5e4db
- menu.foreground#5C6A72
- menu.selectionBackground#e5e4db
- menu.selectionForeground#5C6A72
- minimap.background#FFFBEF
- minimap.errorHighlight#F85552
- minimap.findMatchHighlight#8DA101
- minimap.selectionHighlight#e5e4db
- minimap.warningHighlight#DFA000
- minimapGutter.addedBackground#8DA101
- minimapGutter.deletedBackground#F85552
- minimapGutter.modifiedBackground#DFA000
- notificationCenter.border#e5e4db
- notificationToast.border#e5e4db
- panel.background#FFFBEF
- panel.border#e5e4db
- panelSection.border#e5e4db
- panelSectionHeader.background#f5f2e8
- panelSectionHeader.foreground#5C6A72
- panelTitle.activeBorder#8DA101
- panelTitle.activeForeground#5C6A72
- panelTitle.inactiveForeground#8d9698
- pickerGroup.border#e5e4db
- pickerGroup.foreground#8d9698
- progressBar.background#8DA101
- quickInput.background#f5f2e8
- quickInput.foreground#5C6A72
- scrollbar.shadow#00000070
- scrollbarSlider.activeBackground#d5d5cfe6
- scrollbarSlider.background#e5e4db99
- scrollbarSlider.hoverBackground#e5e4dbe6
- settings.headerForeground#5C6A72
- settings.modifiedItemIndicator#DFA000
- sideBar.background#f5f2e8
- sideBar.foreground#5C6A72
- sideBarSectionHeader.background#f5f2e8
- sideBarSectionHeader.border#e5e4db
- sideBarSectionHeader.foreground#8d9698
- sideBarTitle.foreground#5C6A72
- statusBar.background#ebeae0
- statusBar.border#ebeae0
- statusBar.debuggingBackground#eec5bd
- statusBar.debuggingForeground#5C6A72
- statusBar.foreground#5C6A72
- statusBar.noFolderBackground#ebeae0
- statusBar.noFolderForeground#5C6A72
- statusBarItem.activeBackground#e5e4db
- statusBarItem.hoverBackground#f2efe5
- statusBarItem.prominentBackground#8DA101
- statusBarItem.prominentForeground#FFFBEF
- tab.activeBackground#FFFBEF
- tab.activeBorder#8DA101
- tab.activeForeground#5C6A72
- tab.border#e5e4db
- tab.hoverBackground#f2efe5
- tab.inactiveBackground#f5f2e8
- tab.inactiveForeground#8d9698
- tab.unfocusedActiveBackground#FFFBEF
- tab.unfocusedInactiveBackground#f5f2e8
- terminal.ansiBlack#5C6A72
- terminal.ansiBlue#3A94C5
- terminal.ansiBrightBlack#2E383C
- terminal.ansiBrightBlue#7FBBB3
- terminal.ansiBrightCyan#83C092
- terminal.ansiBrightGreen#A7C080
- terminal.ansiBrightMagenta#D699B6
- terminal.ansiBrightRed#E67E80
- terminal.ansiBrightWhite#D3C6AA
- terminal.ansiBrightYellow#DBBC7F
- terminal.ansiCyan#35A77C
- terminal.ansiGreen#8DA101
- terminal.ansiMagenta#DF69BA
- terminal.ansiRed#F85552
- terminal.ansiWhite#DFDDC8
- terminal.ansiYellow#DFA000
- terminal.background#FFFBEF
- terminal.foreground#5C6A72
- terminalCursor.foreground#5C6A72
- textBlockQuote.background#f2efe5
- textBlockQuote.border#8da10180
- textCodeBlock.background#f5f2e8
- textLink.activeForeground#8DA101
- textLink.foreground#3A94C5
- textPreformat.foreground#5C6A72
- textSeparator.foreground#e5e4db
- titleBar.activeBackground#ebeae0
- titleBar.activeForeground#5C6A72
- titleBar.inactiveBackground#ebeae0
- titleBar.inactiveForeground#8d9698
- warningForeground#DFA000
- widget.shadow#00000070
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage.type.function, storage.type.class, storage.type.enum, storage.type.interface, storage.type.property, keyword.operator.new, keyword.operator.expression, keyword.operator.delete, storage.type.extends | #F85552 | — |
| keyword.other.debugger | #F85552 | — |
| storage, modifier, keyword.var, entity.name.tag, keyword.control.case, keyword.control.switch | #ec7b29 | — |
| keyword.operator | #ec7b29 | — |
| string, punctuation.definition.string.end, punctuation.definition.string.begin, punctuation.definition.string.template.begin, punctuation.definition.string.template.end | #DFA000 | — |
| entity.other.attribute-name | #DFA000 | — |
| constant.character.escape, punctuation.quasi.element, punctuation.definition.template-expression, punctuation.section.embedded, storage.type.format, constant.other.placeholder, variable.interpolation | #8DA101 | — |
| entity.name.function, support.function, meta.function, meta.function-call, meta.definition.method | #8DA101 | — |
| keyword.control.at-rule, keyword.control.import, keyword.control.export, storage.type.namespace, punctuation.decorator, keyword.control.directive, keyword.preprocessor, punctuation.definition.preprocessor, punctuation.definition.directive, keyword.other.import, keyword.other.package, entity.name.type.namespace, entity.name.scope-resolution, keyword.other.using, keyword.package, keyword.import, keyword.map | #35A77C | — |
| storage.type.annotation | #35A77C | — |
| entity.name.label, constant.other.label | #35A77C | — |
| support.module, support.node, support.other.module, support.type.object.module, entity.name.type.module, entity.name.type.class.module, keyword.control.module | #35A77C | — |
| storage.type, support.type, entity.name.type, keyword.type | #3A94C5 | — |
| entity.name.type.class, support.class, entity.name.class, entity.other.inherited-class, storage.class | #3A94C5 | — |
| constant.numeric | #DF69BA | — |
| constant.language.boolean | #DF69BA | — |
| variable.language.this, variable.language.self, variable.language.super, keyword.other.this, variable.language.special, constant.language.nu | #DF69BA | — |
| constant.language, support.constant | #DF69BA | — |
| variable, support.variable, meta.definition.variable | #5C6A72 | — |
| variable.object.property, support.variable.property, variable.other.property, variable.other.object.property, variable.other.enummember | #5C6A72 | — |
| punctuation.definition.tag, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.definition.interpolation, punctuation.definition.template-expression | #8d9698 | — |
| comment, punctuation.definition.comment | #8d9698 | italic |
| invalid, invalid.illegal | #F85552 | — |
| heading.1.markdown, markup.heading.setext.1.markdown | #F85552 | bold |
| heading.2.markdown, markup.heading.setext.2.markdown | #ec7b29 | bold |
| heading.3.markdown | #DFA000 | bold |
| heading.4.markdown | #8DA101 | bold |
| heading.5.markdown | #3A94C5 | bold |
| heading.6.markdown | #DF69BA | bold |
| string.other.link.title.markdown, constant.other.reference.link.markdown, string.other.link.description.markdown | #DF69BA | — |
| markup.underline.link.image.markdown, markup.underline.link.markdown | #8DA101 | underline |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.heading.markdown | #8d9698 | — |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.bold.markdown markup.italic.markdown | — | italic bold |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown | #8DA101 | — |
| punctuation.definition.raw.markdown, punctuation.definition.markdown | #DFA000 | — |
| punctuation.definition.list.begin.markdown | #F85552 | — |
| string.quoted.double.html, string.quoted.single.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #8DA101 | — |
| support.type.property-name.css | #35A77C | — |
| support.type.vendored.property-name.css | #3A94C5 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #DFA000 | — |
| entity.other.attribute-name.class.css | #F85552 | — |
| keyword.other.unit | #ec7b29 | — |
| entity.name.tag.css, keyword.control.at-rule.keyframes.css | #DF69BA | — |
| support.type.property-name.json, support.type.object.key.json | #DFA000 | — |
| storage.type.js, storage.type.function.arrow.js | #ec7b29 | — |
| punctuation.accessor.js, punctuation.separator.key-value.js, keyword.operator.accessor.js | #8d9698 | — |
| punctuation.definition.block.tag.jsdoc | #F85552 | — |
| variable.parameter.function.python | #5C6A72 | — |