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#000000
  • activityBar.foreground#839496
  • activityBarBadge.background#002b36
  • editor.background#000000
  • editor.foreground#839496
  • editor.lineHighlightBackground#002b36
  • editor.selectionBackground#003366
  • editor.selectionForeground#FFFFFF
  • editorGroupHeader.tabsBackground#000000
  • sideBar.background#000000
  • sideBar.foreground#839496
  • sideBarTitle.foreground#BBBBBB
  • statusBar.background#000000
  • statusBar.foreground#FFFFFF
  • statusBar.noFolderBackground#002b36
  • tab.activeBackground#000000
  • tab.activeForeground#FFFFFF
  • tab.border#333333
  • tab.inactiveBackground#1a1a1a
  • tab.inactiveForeground#888888
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#839496

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#0f5f77
string, string.quoted#A2734C
constant.numeric, constant.integer, constant.float#bf9a64
constant.language, constant.character#d7dfe0bold
keyword, storage.type, storage.modifier#d7dfe0bold
entity.name.function, support.function#F66151
variable, support.variable#88b0b8italic
variable.other.constant, variable.other.enummember#bf9a64bold
entity.name.type, entity.name.class, entity.name.namespace#A347BA
entity.name.type.interface#A347BAitalic
entity.other.attribute-name, entity.name.tag#88b0b8bold
keyword.operator, keyword.control#d7dfe0
punctuation.definition.string, punctuation.definition.variable, punctuation.separator, punctuation.terminator#6c8a96
string.quoted.double.json#88b0b8
string.quoted.double.json string#A2734C
constant.numeric.json#bf9a64
constant.language.json#d7dfe0bold
punctuation.definition.string.begin.json, punctuation.definition.string.end.json, punctuation.separator.dictionary.key-value.json#6c8a96
entity.name.tag.html#A347BA
entity.other.attribute-name.html#88b0b8italic
entity.name.tag.css#A347BA
support.type.property-name.css#F66151
constant.numeric.css, constant.other.color.rgb-value.css#bf9a64