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#071017
  • badge.background#0A66FF
  • button.background#0A66FF
  • editor.background#0B1220
  • editor.foreground#C8D6F5
  • editor.inactiveSelectionBackground#1B2229
  • editor.lineHighlightBackground#0F1724
  • editor.selectionBackground#24303B
  • editor.selectionHighlightBackground#2A3A47
  • editorCursor.foreground#FFCC00
  • editorGroupHeader.tabsBackground#071017
  • editorIndentGuide.activeBackground#2B4154
  • editorIndentGuide.background#1B2A36
  • editorWhitespace.foreground#2C3A45
  • panel.background#071017
  • sideBar.background#071017
  • statusBar.background#061014
  • tab.activeBackground#071017
  • tab.inactiveBackground#061014
  • titleBar.activeBackground#071017

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment, string.comment#5C6B73italic
keyword, storage.type, storage.modifier#FF86A3bold
constant, constant.numeric, constant.language, variable.other.constant#FFD580
string, constant.other.symbol#7EE787
variable, identifier, support.variable, meta.property-name#C8D6F5
variable.function, entity.name.function, support.function#7CC8FF
entity.name.type, support.type, storage.type.class#FFD580
punctuation, meta.brace, meta.delimiter#ABB6C2
invalid, invalid.deprecated#FFFFFF