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#060B08
  • activityBar.foreground#DFFBE9
  • activityBarBadge.background#1F9E58
  • activityBarBadge.foreground#FFFFFF
  • badge.background#219A56
  • button.background#219A56
  • button.foreground#FFFFFF
  • button.hoverBackground#2FC06C
  • dropdown.background#0C1410
  • dropdown.foreground#EEF7F2
  • editor.background#050907
  • editor.foreground#EEF7F2
  • editor.lineHighlightBackground#0D1611
  • editor.selectionBackground#123B2480
  • editor.selectionHighlightBackground#184D3060
  • editorBracketMatch.background#12331F
  • editorBracketMatch.border#42E089
  • editorCursor.foreground#32D27D
  • editorIndentGuide.activeBackground#28B467
  • editorIndentGuide.background#17261E
  • editorSuggestWidget.background#0C1410
  • editorSuggestWidget.border#245D3C
  • editorSuggestWidget.selectedBackground#163725
  • editorWhitespace.foreground#18231D
  • focusBorder#2FC06C
  • input.background#0C1410
  • input.border#215838
  • input.foreground#EEF7F2
  • list.activeSelectionBackground#173722
  • list.hoverBackground#102419
  • minimap.background#050907
  • panel.background#050907
  • panel.border#193224
  • peekView.border#2F7A53
  • peekViewEditor.background#070D09
  • scrollbarSlider.background#29553B
  • scrollbarSlider.hoverBackground#397551
  • sideBar.background#080D0A
  • sideBar.foreground#C3D8CB
  • sideBarTitle.foreground#58E39A
  • statusBar.background#08100C
  • statusBar.debuggingBackground#0F1713
  • statusBar.debuggingForeground#ECFFF4
  • statusBar.foreground#ECFFF4
  • statusBar.noFolderBackground#08100C
  • statusBar.noFolderForeground#ECFFF4
  • statusBarItem.hoverBackground#173022
  • tab.activeBackground#0D1611
  • tab.activeForeground#F5FFF8
  • tab.border#15211A
  • tab.inactiveBackground#050907
  • tab.inactiveForeground#6D8476
  • terminal.background#050907
  • titleBar.activeBackground#050907
  • titleBar.activeForeground#FFFFFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#6F8377italic
keyword, storage, keyword.control#48D887
entity.name.function, meta.function-call, support.function#71F2AA
variable, variable.parameter#EEF7F2
string#88D99E
constant.numeric, constant.language#D6E86D
entity.name.class, support.class#91FFBE
entity.other.attribute-name#5DE598
entity.name.tag#2FD976
support.type, storage.type#6BDF98
invalid#FF6666
string.regexp#B5FFCF