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#48515A
  • activityBar.foreground#F0EFD0
  • editor.background#343D46
  • editor.foreground#F0EFD0
  • sideBar.background#202932
  • statusBar.background#48515A
  • tab.activeBackground#202932
  • tab.activeForeground#FFFFE4
  • tab.inactiveBackground#48515A
  • tab.inactiveForeground#DCDBBC
  • titleBar.activeBackground#343D46
  • titleBar.activeForeground#DCDBBC

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#65737E
comment.block.preprocessor#343D46
comment.documentation, comment.block.documentation#343D46
invalid.deprecated#FF8C00
invalid.illegal#FF8C00
keyword.other, keyword.control, punctuation.section.group, punctuation.section.braces#B48EAD
storage.type#B48EAD
constant.language, support.constant, variable.language#BF616A
variable, support.variable, punctuation.definition.variable#BF616A
entity.other.attribute-name, variable.parameter, keyword.operator, meta#F0EFD0
entity.name.function#D08770
support.function#8FA1B3
entity.name.tag, entity.name.type, entity.other.inherited-class, support.class#B48EAD
entity.name.exception#FF0000
entity.name.section
constant.numeric, constant#D08770
constant.character, constant.other#B48EAD
string#A3BE8C
constant.character.escape#A3BE8C
string.regexp#A3BE8C
constant.other.symbol#A3BE8C