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#0F1419
  • editor.background#0F1419
  • editor.findMatchBackground#FFCC66
  • editor.findMatchHighlightBackground#FFCC6680
  • editor.foreground#B3B1AD
  • editor.inactiveSelectionBackground#25334080
  • editor.selectionBackground#253340
  • editorGutter.background#0F1419
  • editorLineNumber.activeForeground#B3B1AD
  • editorLineNumber.foreground#5C6773
  • list.activeSelectionBackground#253340
  • list.activeSelectionForeground#B3B1AD
  • list.hoverBackground#253340
  • list.inactiveSelectionBackground#253340
  • sideBar.background#0F1419
  • sideBarTitle.foreground#B3B1AD
  • statusBar.background#1C252C
  • statusBar.foreground#B3B1AD
  • tab.activeBackground#0F1419
  • tab.activeForeground#B3B1AD
  • tab.inactiveBackground#0F1419
  • tab.inactiveForeground#5C6773

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword#FFCC66
keyword.control#FFCC66
storage#FFCC66
string#C2B36E
string.quoted#C2B36E
comment#5C6773italic
comment.line#5C6773
comment.block#5C6773
constant.numeric#D4A574
constant.language#5CCFE6
variable#E6B673
variable.other#E6B673
entity.name.function#39BAE6
entity.name.class#FFB454
entity.name.type#FFB454
support.function#39BAE6
support.type#FFB454