Skip to main content
Coding Theme

Color themes

VS Code preview

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

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.background#030603
  • activityBar.foreground#39ff14
  • activityBar.inactiveForeground#347a34
  • activityBarBadge.background#39ff14
  • activityBarBadge.foreground#030603
  • breadcrumb.background#050805
  • breadcrumb.focusForeground#39ff14
  • breadcrumb.foreground#347a34
  • button.background#1c4a1c
  • button.foreground#ffffff
  • button.hoverBackground#286b28
  • debugToolBar.background#0b190b
  • descriptionForeground#72d572
  • dropdown.background#0b190b
  • dropdown.border#347a34
  • dropdown.foreground#39ff14
  • editor.background#050805
  • editor.findMatchBackground#775c00
  • editor.findMatchHighlightBackground#4d3d00
  • editor.foreground#d4d4d4
  • editor.inactiveSelectionBackground#54151f99
  • editor.lineHighlightBackground#00000000
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#8f1d2c
  • editorBracketMatch.background#174d17
  • editorBracketMatch.border#39ff14
  • editorCursor.foreground#39ff14
  • editorError.foreground#ff4d4d
  • editorGroupHeader.noTabsBackground#050805
  • editorGroupHeader.tabsBackground#030603
  • editorGutter.background#050805
  • editorHint.foreground#72d572
  • editorIndentGuide.activeBackground1#39ff14
  • editorIndentGuide.background1#123012
  • editorInfo.foreground#39ff14
  • editorLineNumber.activeForeground#39ff14
  • editorLineNumber.foreground#347a34
  • editorOverviewRuler.border#00000000
  • editorWarning.foreground#f5c542
  • editorWhitespace.foreground#1d4d1d
  • errorForeground#ff4d4d
  • focusBorder#39ff14
  • foreground#39ff14
  • input.background#0b190b
  • input.border#347a34
  • input.foreground#d4d4d4
  • inputOption.activeBorder#39ff14
  • list.activeSelectionBackground#1c4a1c
  • list.activeSelectionForeground#ffffff
  • list.focusBackground#1c4a1c
  • list.foreground#64e864
  • list.hoverBackground#123012
  • list.inactiveSelectionBackground#123012
  • minimap.background#050805
  • minimap.findMatchHighlight#f5c542
  • minimap.selectionHighlight#ff3b3b
  • panel.background#050805
  • panel.border#123012
  • panelTitle.activeForeground#39ff14
  • panelTitle.inactiveForeground#347a34
  • scrollbarSlider.activeBackground#39ff14aa
  • scrollbarSlider.background#347a3466
  • scrollbarSlider.hoverBackground#39ff1488
  • selection.background#8f1d2c
  • sideBar.background#071007
  • sideBar.foreground#39ff14
  • sideBarSectionHeader.background#0b190b
  • sideBarSectionHeader.foreground#7dff68
  • sideBarTitle.foreground#39ff14
  • statusBar.background#0b190b
  • statusBar.debuggingBackground#5c1018
  • statusBar.foreground#39ff14
  • statusBar.noFolderBackground#0b190b
  • statusBarItem.hoverBackground#1c4a1c
  • tab.activeBackground#0b190b
  • tab.activeBorderTop#39ff14
  • tab.activeForeground#7dff68
  • tab.inactiveBackground#050805
  • tab.inactiveForeground#347a34
  • tab.unfocusedActiveBorderTop#347a34
  • terminal.ansiBlack#071007
  • terminal.ansiBlue#569cd6
  • terminal.ansiBrightBlack#347a34
  • terminal.ansiBrightBlue#9cdcfe
  • terminal.ansiBrightCyan#8ce8d0
  • terminal.ansiBrightGreen#7dff68
  • terminal.ansiBrightMagenta#d8a8d2
  • terminal.ansiBrightRed#ff7777
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffe08a
  • terminal.ansiCyan#4ec9b0
  • terminal.ansiGreen#39ff14
  • terminal.ansiMagenta#c586c0
  • terminal.ansiRed#ff4d4d
  • terminal.ansiWhite#d4d4d4
  • terminal.ansiYellow#f5c542
  • terminal.background#020402
  • terminal.foreground#39ff14
  • terminal.selectionBackground#1c4a1c
  • terminalCursor.foreground#7dff68
  • textLink.activeForeground#7dff68
  • textLink.foreground#39ff14
  • titleBar.activeBackground#071007
  • titleBar.activeForeground#39ff14
  • titleBar.inactiveBackground#050805
  • titleBar.inactiveForeground#347a34
  • tree.indentGuidesStroke#347a34
  • widget.shadow#00000099

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#72d572italic
text.plain, source.plaintext#b7f7b0
keyword, storage.type, storage.modifier, keyword.control#569cd6
entity.name.type.class, entity.name.type, support.type, support.class, entity.name.class, meta.class entity.name.type#39ff14bold
entity.name.function, support.function, meta.function-call entity.name.function#dcdcaa
string, constant.other.symbol#a8d08d
text.html, text.html.basic#b7f7b0
constant.numeric, constant.language, constant.character#b5cea8
variable, variable.parameter, meta.definition.variable#9cdcfe
keyword.operator, punctuation.accessor#d4d4d4
entity.name.tag, entity.other.attribute-name#569cd6
invalid, invalid.illegal#ffffff
source.python keyword.control.python, source.python storage.type.function.python, source.python storage.type.class.python, source.python storage.modifier.async.python, source.python keyword.operator.logical.python, source.python keyword.operator.comparison.python#7dff68bold
source.python entity.name.function.decorator.python, source.python entity.name.function.python, source.python entity.name.type.class.python#39ff14bold
source.python meta.function.decorator.python, source.python support.function.builtin.python, source.python support.type.python#4ec9b0
source.python string.quoted.single.python, source.python string.quoted.double.python, source.python string.quoted.triple.single.python, source.python string.quoted.triple.double.python, source.python string.quoted.docstring.python, source.python string.unquoted.docstring.python, source.python string.interpolated.python#b7f7b0
source.python variable.language.special.self.python, source.python constant.language.python, source.python constant.numeric.python#9cdcfe