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#313335
  • activityBar.foreground#CED1CF
  • editor.background#1D1F21
  • editor.foreground#CED1CF
  • sideBar.background#090B0D
  • statusBar.background#313335
  • tab.activeBackground#090B0D
  • tab.activeForeground#E2E5E3
  • tab.inactiveBackground#313335
  • tab.inactiveForeground#BABDBB
  • titleBar.activeBackground#1D1F21
  • titleBar.activeForeground#BABDBB

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#969896
comment.block.preprocessor#1D1F21
comment.documentation, comment.block.documentation#1D1F21
invalid.deprecated#FF8C00
invalid.illegal#FF8C00
keyword.other, keyword.control, punctuation.section.group, punctuation.section.braces#B294BB
storage.type#B294BB
constant.language, support.constant, variable.language#CC6666
variable, support.variable, punctuation.definition.variable#CC6666
entity.other.attribute-name, variable.parameter, keyword.operator, meta#CED1CF
entity.name.function#DE935F
support.function#81A2BE
entity.name.tag, entity.name.type, entity.other.inherited-class, support.class#B294BB
entity.name.exception#FF0000
entity.name.section
constant.numeric, constant#DE935F
constant.character, constant.other#B294BB
string#B5BD68
constant.character.escape#B5BD68
string.regexp#B5BD68
constant.other.symbol#B5BD68