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#3A3A3A
  • activityBar.foreground#FFFFFF
  • editor.background#262626
  • editor.foreground#FFFFFF
  • sideBar.background#121212
  • statusBar.background#3A3A3A
  • tab.activeBackground#121212
  • tab.activeForeground#FFFFFF
  • tab.inactiveBackground#3A3A3A
  • tab.inactiveForeground#EBEBEB
  • titleBar.activeBackground#262626
  • titleBar.activeForeground#EBEBEB

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#67C3E7
comment.block.preprocessor#262626
comment.documentation, comment.block.documentation#262626
invalid.deprecated#FF8C00
invalid.illegal#FF8C00
keyword.other, keyword.control, punctuation.section.group, punctuation.section.braces#F6E06B
storage.type#F6E06B
constant.language, support.constant, variable.language#B6B193
variable, support.variable, punctuation.definition.variable#B6B193
entity.other.attribute-name, variable.parameter, keyword.operator, meta#FFFFFF
entity.name.function#C64947
support.function#FFFFFF
entity.name.tag, entity.name.type, entity.other.inherited-class, support.class#F6E06B
entity.name.exception#FF0000
entity.name.section
constant.numeric, constant#C64947
constant.character, constant.other#F6E06B
string#FF8E8D
constant.character.escape#FF8E8D
string.regexp#FF8E8D
constant.other.symbol#FF8E8D