Terminal Theme
Publisher: YesCodeThemes in package: 13
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.activeBackground#000
- activityBar.activeBorder#cdcdcd
- activityBar.background#000
- activityBar.foreground#fff
- activityBar.inactiveForeground#cdcdcc
- activityBarBadge.background#2e2d2d
- activityBarBadge.foreground#fff
- badge.background#1b1b1b
- badge.foreground#fff
- banner.background#2f385e
- breadcrumb.background#0b0b0b
- breadcrumb.focusForeground#fff
- breadcrumb.foreground#cdcdcd
- button.background#1b1b1b
- button.border#3373afb2
- button.foreground#ddd
- button.hoverBackground#112f4b93
- button.secondaryBackground#000
- button.secondaryForeground#ddd
- button.secondaryHoverBackground#1b1b1b
- checkbox.background#0b0b0b
- checkbox.border#0b0b0b
- checkbox.foreground#d8d8d8
- descriptionForeground#d8d8d8
- dropdown.border#0b0b0b
- editor.background#0b0b0b
- editor.findMatchBackground#08271d
- editor.findMatchHighlightBackground#1b1b1b
- editor.findMatchHighlightBorder#8fc2f156
- editor.foreground#eeffff
- editor.hoverHighlightBackground#13223b
- editor.inactiveSelectionBackground#1b1b1b
- editor.lineHighlightBackground#000
- editor.lineHighlightBorder#000
- editor.rangeHighlightBackground#160f12
- editor.selectionBackground#1b1b1b
- editor.selectionHighlightBackground#22425e98
- editor.selectionHighlightBorder#8fc2f138
- editor.wordHighlightBackground#1d2324d3
- editor.wordHighlightBorder#8ba1a171
- editor.wordHighlightStrongBackground#1d2424d3
- editor.wordHighlightStrongBorder#778585
- editorBracketHighlight.foreground1#fa9797
- editorBracketHighlight.foreground2#a4c2e9
- editorBracketHighlight.foreground3#9bfee5
- editorBracketHighlight.foreground4#c294fa
- editorBracketHighlight.foreground5#c8da88
- editorBracketHighlight.foreground6#a5f7b7
- editorBracketMatch.background#25191fcc
- editorBracketMatch.border#25191fb0
- editorCursor.foreground#c1c5ce
- editorError.background#7e2c2cb7
- editorError.border#b80000
- editorError.foreground#ff0000
- editorGroup.border#cdcdcd4b
- editorGroupHeader.tabsBackground#0b0b0b
- editorGroupHeader.tabsBorder#cdcdcd07
- editorGutter.background#0b0b0b
- editorHoverWidget.background#0b0b0b
- editorHoverWidget.border#1b1b1b
- editorHoverWidget.foreground#fff
- editorIndentGuide.activeBackground1#8ba0ff73
- editorIndentGuide.background1#5060a7
- editorLineNumber.activeForeground#fff
- editorLineNumber.foreground#929292
- editorOverviewRuler.border#0b0b0b
- editorOverviewRuler.findMatchForeground#8fc1f1
- editorSuggestWidget.background#0b0b0b
- editorSuggestWidget.border#1b1b1b79
- editorSuggestWidget.focusHighlightForeground#ffea96
- editorSuggestWidget.foreground#cbdef3
- editorSuggestWidget.highlightForeground#faffe2
- editorSuggestWidget.selectedBackground#000
- editorSuggestWidget.selectedForeground#c8e2f3
- editorSuggestWidget.selectedIconForeground#8da7ff
- editorWidget.background#0b0b0b
- editorWidget.border#8fc2f175
- editorWidget.foreground#d5e7f8
- editorWidget.resizeBorder#8fc2f146
- focusBorder#8fc1f1
- foreground#fff
- icon.foreground#bfccf5
- input.background#0b0b0b
- input.border#323b42
- input.foreground#fff
- input.placeholderForeground#fff
- inputOption.activeBackground#1f2e38
- inputOption.activeBorder#385263
- inputOption.activeForeground#e1f3f2
- inputOption.hoverBackground#225b6d
- list.activeSelectionBackground#0b0b0b
- list.activeSelectionIconForeground#8dffec
- list.deemphasizedForeground#8da7ff
- list.hoverBackground#0b0b0b
- list.hoverForeground#fff
- list.inactiveSelectionBackground#0b0b0b
- list.inactiveSelectionForeground#fff
- list.inactiveSelectionIconForeground#8da7ff
- menu.background#0b0b0b
- menu.border#1b1b1b
- menu.foreground#d8d8d8
- menu.selectionBackground#1b1b1b
- menu.selectionBorder#1b1b1b
- menu.selectionForeground#fff
- menu.separatorBackground#1b1b1b
- menubar.selectionBackground#1b1b1b
- menubar.selectionForeground#fff
- minimap.selectionHighlight#f18fa78a
- minimapSlider.activeBackground#4d3846d3
- minimapSlider.background#5e2f545d
- minimapSlider.hoverBackground#362c3294
- notifications.background#0b0b0b
- notifications.border#0b0b0b
- notifications.foreground#fff
- panel.background#000
- panel.border#cdcdcd2c
- panelTitle.activeBorder#8fc1f1
- panelTitle.activeForeground#fff
- panelTitle.inactiveForeground#cdcdcd
- quickInput.background#0b0b0b
- quickInput.foreground#c8c8c9
- quickInputList.focusBackground#1b1b1b
- quickInputList.focusForeground#fff
- quickInputList.focusIconForeground#fff
- scrollbarSlider.activeBackground#4e2438
- scrollbarSlider.background#25191fb0
- scrollbarSlider.hoverBackground#f18fa780
- settings.checkboxBackground#000
- settings.checkboxBorder#495161
- settings.checkboxForeground#fff
- settings.dropdownBackground#000
- settings.dropdownBorder#495161
- settings.dropdownForeground#d8d8d8
- settings.focusedRowBackground#000
- settings.focusedRowBorder#495161
- settings.headerBorder#495161
- settings.headerForeground#d8d8d8
- settings.modifiedItemIndicator#495161
- settings.numberInputBackground#000
- settings.numberInputBorder#495161
- settings.numberInputForeground#d8d8d8
- settings.rowHoverBackground#000
- settings.sashBorder#495161
- settings.textInputBackground#000
- settings.textInputBorder#495161
- settings.textInputForeground#d8d8d8
- sideBar.background#000
- sideBar.foreground#c2c2c2
- sideBarSectionHeader.background#000
- sideBarSectionHeader.foreground#cdcdcd
- sideBarTitle.foreground#dcdce0
- statusBar.background#000
- statusBar.debuggingBackground#280538
- statusBar.debuggingForeground#fff
- statusBar.focusBorder#35393d
- statusBar.foreground#e4ecf5
- statusBar.noFolderBackground#0b0b0b
- statusBarItem.hoverBackground#181717
- statusBarItem.remoteBackground#131212
- statusBarItem.remoteForeground#fff
- tab.activeBackground#0b0b0b
- tab.activeBorder#0b0b0b
- tab.activeBorderTop#7e7e7e
- tab.activeForeground#fff
- tab.border#cdcdcd07
- tab.hoverBackground#000
- tab.hoverBorder#0b0b0b
- tab.hoverForeground#fff
- tab.inactiveBackground#0b0b0b
- tab.inactiveForeground#cbd6dd
- tab.unfocusedActiveBorderTop#0b0b0b
- tab.unfocusedActiveForeground#b3b4b6
- tab.unfocusedInactiveBackground#0b0b0b
- tab.unfocusedInactiveForeground#b3b4b6
- terminal.ansiBlack#1D2021
- terminal.ansiBlue#00a1f9
- terminal.ansiBrightBlack#665C54
- terminal.ansiBrightBlue#0D6678
- terminal.ansiBrightCyan#8BA59B
- terminal.ansiBrightGreen#bdeffa
- terminal.ansiBrightMagenta#8F4673
- terminal.ansiBrightRed#FB543F
- terminal.ansiBrightWhite#FDF4C1
- terminal.ansiBrightYellow#e7f0ff
- terminal.ansiCyan#86ebc4
- terminal.ansiGreen#95C085
- terminal.ansiMagenta#8F4673
- terminal.ansiRed#FB543F
- terminal.ansiWhite#A89984
- terminal.ansiYellow#FAC03B
- terminal.background#000
- terminal.border#0b0b0b
- terminal.findMatchBackground#072641
- terminal.findMatchHighlightBackground#2b3650
- terminal.foreground#aaaaaa
- terminal.selectionBackground#131212c2
- terminal.selectionForeground#d7fcf6
- terminalCursor.background#4c576dd3
- terminalCursor.foreground#869699
- terminalOverviewRuler.cursorForeground#4f8df8
- titleBar.activeBackground#0b0b0b
- titleBar.activeForeground#dcdcdc
- titleBar.border#cdcdcd07
- titleBar.inactiveBackground#0b0b0b
- titleBar.inactiveForeground#cdcdcd
- tree.indentGuidesStroke#6996b4
- widget.shadow#cdcdcd07
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #919399be | italic |
| variable, string constant.other.placeholder | #efa295 | — |
| source.python, meta.function-call.arguments.python | #f7d794 | — |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #FF5370 | — |
| keyword, storage.type, storage.modifier | #67b3ff | — |
| keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #9dd8fa | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #efa295 | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #1dd1a1 | — |
| meta.block variable.other | #f07178 | — |
| support.other.variable, string.other.link | #f07178 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #ff6b6b | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #c8d6e5 | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #ffffb6 | — |
| support.type | #87c6d6 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #B2CCD6 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| variable.language | #FF5370 | italic |
| entity.name.method.js | #82AAFF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| entity.other.attribute-name | #a29bfe | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #FFCB6B | italic |
| entity.other.attribute-name.class | #FFCB6B | — |
| source.sass keyword.control | #82AAFF | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #C792EA | — |
| string.regexp | #89DDFF | — |
| constant.character.escape | #89DDFF | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #82AAFF | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFCB6B | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #F78C6C | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FF5370 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C17E70 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #82AAFF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #f07178 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C3E88D | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #EEFFFF | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #C3E88D | — |
| markup.italic | #f07178 | italic |
| markup.bold, markup.bold string | #f07178 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #f07178 | bold |
| markup.underline | #F78C6C | underline |
| markup.quote punctuation.definition.blockquote.markdown | #65737E | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #82AAFF | — |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #FFCB6B | — |
| markup.raw.block | #C792EA | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #EEFFFF | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #65737E | bold |
| markup.table | #EEFFFF | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, support.type.exception.python | #73bca2 | — |
| source.python support.type.python | #d67e5c | — |
| string.interpolated.python string.quoted.single.python | #16b673 | — |
| meta.function-call.generic.python | #61ddee | — |
| storage.type.string.python, source.python meta.function-call.python support.type.python, entity.other.inherited-class.python | #49ace9 | — |
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.activeBackground#000
- activityBar.activeBorder#EBFE96
- activityBar.background#000
- activityBar.foreground#fff
- activityBar.inactiveForeground#cdcdcc
- activityBarBadge.background#3e4b03
- activityBarBadge.foreground#EBFE96
- badge.background#3e4b03
- badge.foreground#EBFE96
- banner.background#2f385e
- breadcrumb.background#161417
- breadcrumb.focusForeground#fff
- breadcrumb.foreground#cdcdcd
- button.background#414d10
- button.border#EBFE96
- button.foreground#ddd
- button.hoverBackground#65722b
- button.secondaryBackground#000
- button.secondaryForeground#ddd
- button.secondaryHoverBackground#1b1b1b
- checkbox.background#161417
- checkbox.border#161417
- checkbox.foreground#d8d8d8
- descriptionForeground#d8d8d8
- dropdown.border#161417
- editor.background#161417
- editor.findMatchBackground#08271d
- editor.findMatchHighlightBackground#1b1b1b
- editor.findMatchHighlightBorder#8fc2f156
- editor.foreground#eeffff
- editor.hoverHighlightBackground#13223b
- editor.inactiveSelectionBackground#010001
- editor.lineHighlightBackground#010001
- editor.lineHighlightBorder#010001
- editor.rangeHighlightBackground#160f12
- editor.selectionBackground#010001
- editor.selectionHighlightBackground#22425e98
- editor.selectionHighlightBorder#8fc2f138
- editor.wordHighlightBackground#1d2324d3
- editor.wordHighlightBorder#8ba1a171
- editor.wordHighlightStrongBackground#1d2424d3
- editor.wordHighlightStrongBorder#778585
- editorBracketHighlight.foreground1#fa9797
- editorBracketHighlight.foreground2#a4c2e9
- editorBracketHighlight.foreground3#9bfee5
- editorBracketHighlight.foreground4#c294fa
- editorBracketHighlight.foreground5#c8da88
- editorBracketHighlight.foreground6#a5f7b7
- editorBracketMatch.background#25191fcc
- editorBracketMatch.border#25191fb0
- editorCursor.foreground#c1c5ce
- editorError.background#7e2c2cb7
- editorError.border#b80000
- editorError.foreground#ff0000
- editorGroup.border#45473b60
- editorGroupHeader.tabsBackground#161417
- editorGroupHeader.tabsBorder#45473b60
- editorGutter.background#161417
- editorHoverWidget.background#161417
- editorHoverWidget.border#1b1b1b
- editorHoverWidget.foreground#fff
- editorIndentGuide.activeBackground1#8ba0ff73
- editorIndentGuide.background1#5060a7
- editorLineNumber.activeForeground#fff
- editorLineNumber.foreground#929292
- editorOverviewRuler.border#161417
- editorOverviewRuler.findMatchForeground#8fc1f1
- editorSuggestWidget.background#161417
- editorSuggestWidget.border#1b1b1b79
- editorSuggestWidget.focusHighlightForeground#ffea96
- editorSuggestWidget.foreground#cbdef3
- editorSuggestWidget.highlightForeground#faffe2
- editorSuggestWidget.selectedBackground#000
- editorSuggestWidget.selectedForeground#c8e2f3
- editorSuggestWidget.selectedIconForeground#8da7ff
- editorWidget.background#161417
- editorWidget.border#8fc2f175
- editorWidget.foreground#d5e7f8
- editorWidget.resizeBorder#8fc2f146
- focusBorder#8fc1f1
- foreground#fff
- icon.foreground#f1f8d3
- input.background#161417
- input.border#323b42
- input.foreground#fff
- input.placeholderForeground#fff
- inputOption.activeBackground#1f2e38
- inputOption.activeBorder#385263
- inputOption.activeForeground#e1f3f2
- inputOption.hoverBackground#225b6d
- list.activeSelectionBackground#161417
- list.activeSelectionIconForeground#8dffec
- list.deemphasizedForeground#8da7ff
- list.hoverBackground#161417
- list.hoverForeground#EBFE96
- list.inactiveSelectionBackground#161717
- list.inactiveSelectionForeground#fff
- list.inactiveSelectionIconForeground#EBFE96
- menu.background#161417
- menu.border#1b1b1b
- menu.foreground#d8d8d8
- menu.selectionBackground#1b1b1b
- menu.selectionBorder#1b1b1b
- menu.selectionForeground#fff
- menu.separatorBackground#1b1b1b
- menubar.selectionBackground#1b1b1b
- menubar.selectionForeground#fff
- minimap.selectionHighlight#f18fa78a
- minimapSlider.activeBackground#4d3846d3
- minimapSlider.background#5e2f545d
- minimapSlider.hoverBackground#362c3294
- notifications.background#161417
- notifications.border#161417
- notifications.foreground#fff
- panel.background#0b0c0c
- panel.border#2d3131
- panelTitle.activeBorder#EBFE96
- panelTitle.activeForeground#EBFE96
- panelTitle.inactiveForeground#cdcdcd
- quickInput.background#161417
- quickInput.foreground#c8c8c9
- quickInputList.focusBackground#1b1b1b
- quickInputList.focusForeground#fff
- quickInputList.focusIconForeground#fff
- scrollbarSlider.activeBackground#4e2438
- scrollbarSlider.background#25191fb0
- scrollbarSlider.hoverBackground#f18fa780
- settings.checkboxBackground#000
- settings.checkboxBorder#495161
- settings.checkboxForeground#fff
- settings.dropdownBackground#000
- settings.dropdownBorder#495161
- settings.dropdownForeground#d8d8d8
- settings.focusedRowBackground#000
- settings.focusedRowBorder#495161
- settings.headerBorder#495161
- settings.headerForeground#d8d8d8
- settings.modifiedItemIndicator#495161
- settings.numberInputBackground#000
- settings.numberInputBorder#495161
- settings.numberInputForeground#d8d8d8
- settings.rowHoverBackground#000
- settings.sashBorder#495161
- settings.textInputBackground#000
- settings.textInputBorder#495161
- settings.textInputForeground#d8d8d8
- sideBar.background#000
- sideBar.foreground#c2c2c2
- sideBarSectionHeader.background#000
- sideBarSectionHeader.foreground#cdcdcd
- sideBarTitle.foreground#dcdce0
- statusBar.background#000
- statusBar.debuggingBackground#280538
- statusBar.debuggingForeground#fff
- statusBar.focusBorder#35393d
- statusBar.foreground#EBFE96
- statusBar.noFolderBackground#161417
- statusBarItem.hoverBackground#181717
- statusBarItem.remoteBackground#111400
- statusBarItem.remoteForeground#EBFE96
- tab.activeBackground#161417
- tab.activeBorder#161417
- tab.activeBorderTop#EBFE96
- tab.activeForeground#fff
- tab.border#45473b60
- tab.hoverBackground#000
- tab.hoverBorder#161417
- tab.hoverForeground#fff
- tab.inactiveBackground#161417
- tab.inactiveForeground#cbd6dd
- tab.unfocusedActiveBorderTop#161417
- tab.unfocusedActiveForeground#b3b4b6
- tab.unfocusedInactiveBackground#161417
- tab.unfocusedInactiveForeground#b3b4b6
- terminal.ansiBlack#1D2021
- terminal.ansiBlue#00a1f9
- terminal.ansiBrightBlack#665C54
- terminal.ansiBrightBlue#EBFE96
- terminal.ansiBrightCyan#8BA59B
- terminal.ansiBrightGreen#bdeffa
- terminal.ansiBrightMagenta#8F4673
- terminal.ansiBrightRed#FB543F
- terminal.ansiBrightWhite#FDF4C1
- terminal.ansiBrightYellow#e7f0ff
- terminal.ansiCyan#86ebc4
- terminal.ansiGreen#95C085
- terminal.ansiMagenta#8F4673
- terminal.ansiRed#FB543F
- terminal.ansiWhite#A89984
- terminal.ansiYellow#FAC03B
- terminal.background#0b0c0c
- terminal.border#161417
- terminal.findMatchBackground#072641
- terminal.findMatchHighlightBackground#2b3650
- terminal.foreground#aaaaaa
- terminal.selectionBackground#131212c2
- terminal.selectionForeground#d7fcf6
- terminalCursor.background#4c576dd3
- terminalCursor.foreground#869699
- terminalOverviewRuler.cursorForeground#4f8df8
- titleBar.activeBackground#161417
- titleBar.activeForeground#dcdcdc
- titleBar.border#cdcdcd07
- titleBar.inactiveBackground#161417
- titleBar.inactiveForeground#cdcdcd
- tree.indentGuidesStroke#6996b4
- widget.shadow#cdcdcd07
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #919399be | italic |
| variable, string constant.other.placeholder | #efa295 | — |
| source.python, meta.function-call.arguments.python | #f7d794 | — |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #FF5370 | — |
| keyword, storage.type, storage.modifier | #67b3ff | — |
| keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #9dd8fa | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #efa295 | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #1dd1a1 | — |
| meta.block variable.other | #f07178 | — |
| support.other.variable, string.other.link | #f07178 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #ff6b6b | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #c8d6e5 | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #ffffb6 | — |
| support.type | #87c6d6 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #B2CCD6 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| variable.language | #FF5370 | italic |
| entity.name.method.js | #82AAFF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| entity.other.attribute-name | #a29bfe | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #FFCB6B | italic |
| entity.other.attribute-name.class | #FFCB6B | — |
| source.sass keyword.control | #82AAFF | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #C792EA | — |
| string.regexp | #89DDFF | — |
| constant.character.escape | #89DDFF | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #82AAFF | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFCB6B | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #F78C6C | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FF5370 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C17E70 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #82AAFF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #f07178 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C3E88D | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #EEFFFF | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #C3E88D | — |
| markup.italic | #f07178 | italic |
| markup.bold, markup.bold string | #f07178 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #f07178 | bold |
| markup.underline | #F78C6C | underline |
| markup.quote punctuation.definition.blockquote.markdown | #65737E | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #82AAFF | — |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #FFCB6B | — |
| markup.raw.block | #C792EA | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #EEFFFF | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #65737E | bold |
| markup.table | #EEFFFF | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, support.type.exception.python | #73bca2 | — |
| source.python support.type.python | #d67e5c | — |
| string.interpolated.python string.quoted.single.python | #16b673 | — |
| meta.function-call.generic.python | #61ddee | — |
| storage.type.string.python, source.python meta.function-call.python support.type.python, entity.other.inherited-class.python | #49ace9 | — |
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.activeBackground#fff
- activityBar.activeBorder#FD8C73
- activityBar.background#fff
- activityBar.foreground#eb3208
- activityBar.inactiveForeground#b4aaa7
- activityBarBadge.background#5868ac
- activityBarBadge.foreground#d1daff
- badge.background#748cf7
- badge.foreground#fff
- banner.background#b3bbff
- breadcrumb.background#fff
- breadcrumb.focusForeground#d1c083
- breadcrumb.foreground#2b2b2b
- button.background#4052f3
- button.border#83a5ee
- button.foreground#ddd
- button.hoverBackground#99553a
- button.secondaryBackground#0b394b
- button.secondaryForeground#ddd
- button.secondaryHoverBackground#808bee
- checkbox.background#b3bbff
- checkbox.border#fff
- checkbox.foreground#000
- descriptionForeground#242424
- dropdown.border#b3bbff
- editor.background#fff
- editor.findMatchBackground#98bdf4
- editor.findMatchHighlightBackground#7fdabc5e
- editor.findMatchHighlightBorder#b3bbff
- editor.foreground#00161a
- editor.hoverHighlightBackground#b3bbffad
- editor.inactiveSelectionBackground#e2e5ff
- editor.lineHighlightBackground#f1f1f1
- editor.lineHighlightBorder#e2e5ff
- editor.rangeHighlightBackground#c8cceee1
- editor.rangeHighlightBorder#418ec1
- editor.selectionBackground#967b6b2a
- editor.selectionHighlightBackground#7eccb8
- editor.selectionHighlightBorder#7c9098
- editor.wordHighlightBackground#adb5f7d2
- editor.wordHighlightBorder#808dff
- editor.wordHighlightStrongBackground#b37df07e
- editor.wordHighlightStrongBorder#f1ffb9
- editorBracketHighlight.foreground1#6727fd
- editorBracketHighlight.foreground2#8e9103
- editorBracketHighlight.foreground3#0e84d3
- editorBracketHighlight.foreground4#276007
- editorBracketHighlight.foreground5#00b8a3
- editorBracketHighlight.foreground6#dc195a
- editorBracketMatch.background#6b73962a
- editorBracketMatch.border#818dc26c
- editorCursor.foreground#617eff
- editorError.background#cf232370
- editorError.border#00b8a3
- editorError.foreground#ff0000
- editorGroup.border#b3bbff
- editorGroupHeader.tabsBackground#fff
- editorGroupHeader.tabsBorder#e6c9c3
- editorGutter.background#fff
- editorHoverWidget.background#e2e5ff
- editorHoverWidget.border#6b79fa
- editorHoverWidget.foreground#000
- editorIndentGuide.activeBackground1#5362eb
- editorIndentGuide.background1#7a9ff017
- editorInfo.border#b3bbff
- editorLineNumber.activeForeground#FD8C73
- editorLineNumber.foreground#643b2369
- editorOverviewRuler.border#fff
- editorOverviewRuler.findMatchForeground#6494db
- editorSuggestWidget.background#fbfbff
- editorSuggestWidget.border#6b73962a
- editorSuggestWidget.focusHighlightForeground#069cf3
- editorSuggestWidget.foreground#2b2b2b
- editorSuggestWidget.highlightForeground#7a8de0
- editorSuggestWidget.selectedBackground#96796b2a
- editorSuggestWidget.selectedForeground#632204
- editorSuggestWidget.selectedIconForeground#9c7bf7
- editorWidget.background#e2e5ff
- editorWidget.border#b3bbff
- editorWidget.foreground#000
- editorWidget.resizeBorder#f5ad05
- focusBorder#32a4f0
- foreground#242424
- icon.foreground#0571ec
- input.background#fff
- input.border#2137fa
- input.foreground#000
- input.placeholderForeground#001aff
- inputOption.activeBackground#0084ff
- inputOption.activeBorder#b3bbff
- inputOption.activeForeground#fff
- inputOption.hoverBackground#b3bbff
- list.activeSelectionBackground#e2e4fa
- list.activeSelectionForeground#fff
- list.activeSelectionIconForeground#000
- list.deemphasizedForeground#cdcdcd
- list.hoverBackground#68412f3a
- list.hoverForeground#fff
- list.inactiveSelectionBackground#f2f3f8
- list.inactiveSelectionForeground#2f3968
- list.inactiveSelectionIconForeground#36a0e7
- menu.background#fff
- menu.border#b3bbff
- menu.foreground#000
- menu.selectionBackground#8694ff
- menu.selectionBorder#b3bbff
- menu.selectionForeground#fff
- menu.separatorBackground#b3bbff
- menubar.selectionBackground#b3bbff94
- menubar.selectionForeground#242424
- minimapSlider.activeBackground#00000028
- minimapSlider.background#0000001a
- minimapSlider.hoverBackground#e2e5ffa1
- notifications.background#fff
- notifications.border#fff
- notifications.foreground#000
- panel.background#ffffff77
- panel.border#FD8C73
- panelTitle.activeBorder#FD8C73
- panelTitle.activeForeground#961d02
- panelTitle.inactiveForeground#585858
- quickInput.background#fff
- quickInput.foreground#000
- quickInputList.focusBackground#7095ff
- quickInputList.focusForeground#fff
- quickInputList.focusIconForeground#242424
- scrollbarSlider.activeBackground#908fe3
- scrollbarSlider.background#acb4fc93
- scrollbarSlider.hoverBackground#7cb7e7
- settings.checkboxBackground#9fddf6
- settings.checkboxBorder#b3bbff
- settings.checkboxForeground#000
- settings.dropdownBackground#fff
- settings.dropdownBorder#b3bbff
- settings.dropdownForeground#000
- settings.focusedRowBackground#b3bbff3a
- settings.focusedRowBorder#b3bbff
- settings.headerBorder#b3bbff
- settings.headerForeground#5161ec
- settings.modifiedItemIndicator#8b73fe
- settings.numberInputBackground#b3bbff59
- settings.numberInputBorder#b3bbff
- settings.numberInputForeground#000
- settings.rowHoverBackground#b3bbff3a
- settings.sashBorder#b3bbff
- settings.textInputBackground#e2e5ff
- settings.textInputBorder#b3bbff
- settings.textInputForeground#000
- sideBar.background#fff
- sideBar.foreground#2f3968
- sideBarSectionHeader.background#fff
- sideBarSectionHeader.border#d5dbfc73
- sideBarSectionHeader.foreground#684b2f
- sideBarTitle.foreground#7c1700
- statusBar.background#0D001A
- statusBar.debuggingBackground#452f68
- statusBar.debuggingForeground#fff
- statusBar.foreground#ced6fa
- statusBar.noFolderBackground#e2e5ff
- statusBarItem.hoverBackground#000
- statusBarItem.remoteBackground#000
- statusBarItem.remoteForeground#e2cdf8
- tab.activeBackground#fff
- tab.activeBorder#fff
- tab.activeBorderTop#FD8C73
- tab.activeForeground#3f0c00
- tab.border#e6c9c3
- tab.hoverBackground#dcddee
- tab.hoverBorder#fff
- tab.hoverForeground#000
- tab.inactiveBackground#fff
- tab.inactiveForeground#2b2b2b
- tab.unfocusedActiveBorderTop#fff
- tab.unfocusedActiveForeground#242424
- tab.unfocusedHoverBorder#b3bbff
- tab.unfocusedInactiveBackground#fff
- tab.unfocusedInactiveForeground#242424
- terminal.ansiBlack#1D2021
- terminal.ansiBlue#00a1f9
- terminal.ansiBrightBlack#665C54
- terminal.ansiBrightBlue#0D6678
- terminal.ansiBrightCyan#8BA59B
- terminal.ansiBrightGreen#0687ff
- terminal.ansiBrightMagenta#8F4673
- terminal.ansiBrightRed#FB543F
- terminal.ansiBrightWhite#FDF4C1
- terminal.ansiBrightYellow#FFCC80
- terminal.ansiCyan#8BA59B
- terminal.ansiGreen#95C085
- terminal.ansiMagenta#8F4673
- terminal.ansiRed#FB543F
- terminal.ansiWhite#A89984
- terminal.ansiYellow#FAC03B
- terminal.background#fff
- terminal.findMatchBackground#8694ff
- terminal.findMatchHighlightBackground#b3bbff
- terminal.foreground#cdcdcd
- terminal.selectionBackground#b3bbff54
- terminal.selectionForeground#000
- terminalCursor.background#5161ec
- terminalCursor.foreground#838ff5
- terminalOverviewRuler.cursorForeground#406ce6
- titleBar.activeBackground#fff
- titleBar.activeForeground#000
- titleBar.border#e6c9c3
- titleBar.inactiveBackground#b3bbff10
- titleBar.inactiveForeground#242424
- tree.indentGuidesStroke#394bf1
- widget.shadow#b3bbff8f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #817f7f | italic |
| comment.block.preprocessor | #AAAAAA | |
| comment.documentation, comment.block.documentation | #448C27 | — |
| invalid.illegal | #660000 | — |
| keyword.operator | #07a065 | — |
| keyword, storage | #d8163a | — |
| storage.type, support.type | #4d01ff | — |
| constant.language, support.constant, variable.language | #cc764e | — |
| variable, support.variable | #15837a | — |
| entity.name.function, support.function | #db8a10 | — |
| entity.name.type, entity.other.inherited-class, support.class | #3e9d8d | — |
| entity.name.exception | #660000 | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #ec0f7e | — |
| string | #1172b3 | — |
| constant.character.escape | #777777 | — |
| string.regexp | #4B83CD | — |
| constant.other.symbol | #AB6526 | — |
| punctuation | #e0059f | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #AAAAAA | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #ee710b | — |
| entity.name.tag | #e94f07 | italic |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #a58701 | italic |
| constant.character.entity, punctuation.definition.entity | #7e3d05 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #0a9739 | italic bold |
| meta.property-name, support.type.property-name | #011530 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #065972 | — |
| keyword.other.important | — | bold |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #660000 | — |
| markup.inserted | #000000 | — |
| meta.link | #4B83CD | — |
| markup.output, markup.raw | #777777 | — |
| markup.prompt | #777777 | — |
| markup.heading | #AA3731 | — |
| markup.bold | — | bold |
| markup.traceback | #660000 | — |
| markup.underline | — | underline |
| markup.quote | #7A3E9D | — |
| markup.list | #4B83CD | — |
| markup.bold, markup.italic | #448C27 | — |
| markup.inline.raw | #AB6526 | |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |
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.activeBackground#000
- activityBar.activeBorder#9fb0ff
- activityBar.background#000
- activityBar.foreground#e2e7ff
- activityBar.inactiveForeground#cdcdcdc0
- activityBarBadge.background#2f3968
- activityBarBadge.foreground#d1daff
- badge.background#2f3968c5
- badge.foreground#dee4ff
- banner.background#b3bbff
- breadcrumb.background#fff
- breadcrumb.focusForeground#d1c083
- breadcrumb.foreground#2b2b2b
- button.background#000
- button.border#2f396873
- button.foreground#ddd
- button.hoverBackground#000
- button.secondaryBackground#101b4ed2
- button.secondaryForeground#ddd
- button.secondaryHoverBackground#808bee
- checkbox.background#b3bbff
- checkbox.border#fff
- checkbox.foreground#000
- descriptionForeground#242424
- dropdown.border#b3bbff
- editor.background#fff
- editor.findMatchBackground#98bdf4
- editor.findMatchHighlightBackground#7fdabc5e
- editor.findMatchHighlightBorder#b3bbff
- editor.foreground#00161a
- editor.hoverHighlightBackground#b3bbffad
- editor.inactiveSelectionBackground#e2e5ff
- editor.lineHighlightBackground#c4cdf52a
- editor.lineHighlightBorder#e2e5ff
- editor.rangeHighlightBackground#c8cceee1
- editor.rangeHighlightBorder#418ec1
- editor.selectionBackground#6b73962a
- editor.selectionHighlightBackground#7eccb8
- editor.selectionHighlightBorder#7c9098
- editor.wordHighlightBackground#adb5f7d2
- editor.wordHighlightBorder#808dff
- editor.wordHighlightStrongBackground#b37df07e
- editor.wordHighlightStrongBorder#f1ffb9
- editorBracketHighlight.foreground1#6727fd
- editorBracketHighlight.foreground2#8e9103
- editorBracketHighlight.foreground3#0e84d3
- editorBracketHighlight.foreground4#276007
- editorBracketHighlight.foreground5#00b8a3
- editorBracketHighlight.foreground6#dc195a
- editorBracketMatch.background#6b73962a
- editorBracketMatch.border#818dc26c
- editorCursor.foreground#617eff
- editorError.background#cf232370
- editorError.border#00b8a3
- editorError.foreground#ff0000
- editorGroup.border#b3bbff
- editorGroupHeader.tabsBackground#fff
- editorGroupHeader.tabsBorder#6b73962a
- editorGutter.background#fff
- editorHoverWidget.background#e2e5ff
- editorHoverWidget.border#6b79fa
- editorHoverWidget.foreground#000
- editorIndentGuide.activeBackground1#5362eb
- editorIndentGuide.background1#7a9ff017
- editorInfo.border#b3bbff
- editorLineNumber.activeForeground#728bfc
- editorLineNumber.foreground#2f396873
- editorOverviewRuler.border#fff
- editorOverviewRuler.findMatchForeground#6494db
- editorSuggestWidget.background#fbfbff
- editorSuggestWidget.border#6b73962a
- editorSuggestWidget.focusHighlightForeground#069cf3
- editorSuggestWidget.foreground#2b2b2b
- editorSuggestWidget.highlightForeground#7a8de0
- editorSuggestWidget.selectedBackground#6b73962a
- editorSuggestWidget.selectedForeground#041563
- editorSuggestWidget.selectedIconForeground#9c7bf7
- editorWidget.background#e2e5ff
- editorWidget.border#2f3968
- editorWidget.foreground#000
- editorWidget.resizeBorder#f5ad05
- focusBorder#32a4f0
- foreground#242424
- icon.foreground#7b93ff
- input.background#fff
- input.border#2f396873
- input.foreground#000
- input.placeholderForeground#2f3968b2
- inputOption.activeBackground#2f3968cc
- inputOption.activeBorder#b3bbff
- inputOption.activeForeground#fff
- inputOption.hoverBackground#b3bbff
- list.activeSelectionBackground#2f396883
- list.activeSelectionForeground#fff
- list.activeSelectionIconForeground#000
- list.deemphasizedForeground#cdcdcd
- list.hoverBackground#2f39683a
- list.hoverForeground#fff
- list.inactiveSelectionBackground#2f396873
- list.inactiveSelectionForeground#c8d2ff
- list.inactiveSelectionIconForeground#c0cbff
- menu.background#fff
- menu.border#b3bbff
- menu.foreground#000
- menu.selectionBackground#8694ff
- menu.selectionBorder#b3bbff
- menu.selectionForeground#fff
- menu.separatorBackground#b3bbff
- menubar.selectionBackground#b3bbff94
- menubar.selectionForeground#242424
- minimapSlider.activeBackground#00000028
- minimapSlider.background#0000001a
- minimapSlider.hoverBackground#e2e5ffa1
- notifications.background#fff
- notifications.border#fff
- notifications.foreground#000
- panel.background#ffffff77
- panel.border#6b73962a
- panelTitle.activeBorder#2f396873
- panelTitle.activeForeground#000
- panelTitle.inactiveForeground#2f3968c5
- quickInput.background#fff
- quickInput.foreground#000
- quickInputList.focusBackground#2f3968cc
- quickInputList.focusForeground#fff
- quickInputList.focusIconForeground#242424
- scrollbarSlider.activeBackground#908fe3
- scrollbarSlider.background#acb4fc93
- scrollbarSlider.hoverBackground#7cb7e7
- settings.checkboxBackground#9fddf6
- settings.checkboxBorder#b3bbff
- settings.checkboxForeground#000
- settings.dropdownBackground#fff
- settings.dropdownBorder#b3bbff
- settings.dropdownForeground#000
- settings.focusedRowBackground#b3bbff3a
- settings.focusedRowBorder#b3bbff
- settings.headerBorder#b3bbff
- settings.headerForeground#5161ec
- settings.modifiedItemIndicator#8b73fe
- settings.numberInputBackground#b3bbff59
- settings.numberInputBorder#b3bbff
- settings.numberInputForeground#000
- settings.rowHoverBackground#b3bbff3a
- settings.sashBorder#b3bbff
- settings.textInputBackground#e2e5ff
- settings.textInputBorder#b3bbff
- settings.textInputForeground#000
- sideBar.background#000
- sideBar.foreground#fff
- sideBarSectionHeader.background#000
- sideBarSectionHeader.border#000
- sideBarSectionHeader.foreground#fff
- sideBarTitle.foreground#fff
- statusBar.background#000
- statusBar.debuggingBackground#2f3968
- statusBar.debuggingForeground#fff
- statusBar.foreground#ced6fa
- statusBar.noFolderBackground#e2e5ff
- statusBarItem.hoverBackground#2f3968ab
- statusBarItem.remoteBackground#161417
- statusBarItem.remoteForeground#d8dbf7
- tab.activeBackground#fff
- tab.activeBorder#fff
- tab.activeBorderTop#aab7f1
- tab.activeForeground#0f1836
- tab.border#6b73962a
- tab.hoverBackground#dcddee
- tab.hoverBorder#fff
- tab.hoverForeground#000
- tab.inactiveBackground#fff
- tab.inactiveForeground#2b2b2b
- tab.unfocusedActiveBorderTop#fff
- tab.unfocusedActiveForeground#242424
- tab.unfocusedHoverBorder#2f396873
- tab.unfocusedInactiveBackground#fff
- tab.unfocusedInactiveForeground#242424
- terminal.ansiBlack#1D2021
- terminal.ansiBlue#00a1f9
- terminal.ansiBrightBlack#665C54
- terminal.ansiBrightBlue#0D6678
- terminal.ansiBrightCyan#8BA59B
- terminal.ansiBrightGreen#0687ff
- terminal.ansiBrightMagenta#8F4673
- terminal.ansiBrightRed#FB543F
- terminal.ansiBrightWhite#FDF4C1
- terminal.ansiBrightYellow#FFCC80
- terminal.ansiCyan#8BA59B
- terminal.ansiGreen#95C085
- terminal.ansiMagenta#8F4673
- terminal.ansiRed#FB543F
- terminal.ansiWhite#A89984
- terminal.ansiYellow#FAC03B
- terminal.background#fff
- terminal.findMatchBackground#8694ff
- terminal.findMatchHighlightBackground#b3bbff
- terminal.foreground#cdcdcd
- terminal.selectionBackground#b3bbff54
- terminal.selectionForeground#000
- terminalCursor.background#5161ec
- terminalCursor.foreground#838ff5
- terminalOverviewRuler.cursorForeground#406ce6
- titleBar.activeBackground#fff
- titleBar.activeForeground#000
- titleBar.border#6b73962a
- titleBar.inactiveBackground#b3bbff10
- titleBar.inactiveForeground#242424
- tree.indentGuidesStroke#5d71c9
- widget.shadow#2f396873
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #817f7f | italic |
| comment.block.preprocessor | #AAAAAA | |
| comment.documentation, comment.block.documentation | #448C27 | — |
| invalid.illegal | #660000 | — |
| keyword.operator | #07a065 | — |
| keyword, storage | #d8163a | — |
| storage.type, support.type | #4d01ff | — |
| constant.language, support.constant, variable.language | #cc764e | — |
| variable, support.variable | #15837a | — |
| entity.name.function, support.function | #db8a10 | — |
| entity.name.type, entity.other.inherited-class, support.class | #3e9d8d | — |
| entity.name.exception | #660000 | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #ec0f7e | — |
| string | #1172b3 | — |
| constant.character.escape | #777777 | — |
| string.regexp | #4B83CD | — |
| constant.other.symbol | #AB6526 | — |
| punctuation | #e0059f | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #AAAAAA | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #ee710b | — |
| entity.name.tag | #e94f07 | italic |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #a58701 | italic |
| constant.character.entity, punctuation.definition.entity | #7e3d05 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #0a9739 | italic bold |
| meta.property-name, support.type.property-name | #011530 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #065972 | — |
| keyword.other.important | — | bold |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #660000 | — |
| markup.inserted | #000000 | — |
| meta.link | #4B83CD | — |
| markup.output, markup.raw | #777777 | — |
| markup.prompt | #777777 | — |
| markup.heading | #AA3731 | — |
| markup.bold | — | bold |
| markup.traceback | #660000 | — |
| markup.underline | — | underline |
| markup.quote | #7A3E9D | — |
| markup.list | #4B83CD | — |
| markup.bold, markup.italic | #448C27 | — |
| markup.inline.raw | #AB6526 | |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |