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#42484A
  • activityBar.foreground#F3F6EE
  • editor.background#2E3436
  • editor.foreground#F3F6EE
  • sideBar.background#1A2022
  • statusBar.background#42484A
  • tab.activeBackground#1A2022
  • tab.activeForeground#FFFFFF
  • tab.inactiveBackground#42484A
  • tab.inactiveForeground#DFE2DA
  • titleBar.activeBackground#2E3436
  • titleBar.activeForeground#DFE2DA

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#73D216
comment.block.preprocessor#2E3436
comment.documentation, comment.block.documentation#2E3436
invalid.deprecated#FF8C00
invalid.illegal#FF8C00
keyword.other, keyword.control, punctuation.section.group, punctuation.section.braces#8CC4FF
storage.type#8CC4FF
constant.language, support.constant, variable.language#D4C4A9
variable, support.variable, punctuation.definition.variable#D4C4A9
entity.other.attribute-name, variable.parameter, keyword.operator, meta#F3F6EE
entity.name.function#F08080
support.function#FFE721
entity.name.tag, entity.name.type, entity.other.inherited-class, support.class#8CC4FF
entity.name.exception#FF0000
entity.name.section
constant.numeric, constant#F08080
constant.character, constant.other#8CC4FF
string#FFBF00
constant.character.escape#FFBF00
string.regexp#FFBF00
constant.other.symbol#FFBF00