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#333637
  • activityBar.foreground#E8E2B7
  • editor.background#1F2223
  • editor.foreground#E8E2B7
  • sideBar.background#0B0E0F
  • statusBar.background#333637
  • tab.activeBackground#0B0E0F
  • tab.activeForeground#FCF6CB
  • tab.inactiveBackground#333637
  • tab.inactiveForeground#D4CEA3
  • titleBar.activeBackground#1F2223
  • titleBar.activeForeground#D4CEA3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#7D8C93
comment.block.preprocessor#1F2223
comment.documentation, comment.block.documentation#1F2223
invalid.deprecated#FF8C00
invalid.illegal#FF8C00
keyword.other, keyword.control, punctuation.section.group, punctuation.section.braces#A57B61
storage.type#A57B61
constant.language, support.constant, variable.language#E0E2E4
variable, support.variable, punctuation.definition.variable#E0E2E4
entity.other.attribute-name, variable.parameter, keyword.operator, meta#E8E2B7
entity.name.function#C78D9B
support.function#678CB1
entity.name.tag, entity.name.type, entity.other.inherited-class, support.class#A57B61
entity.name.exception#FF0000
entity.name.section
constant.numeric, constant#C78D9B
constant.character, constant.other#A57B61
string#C78D9B
constant.character.escape#C78D9B
string.regexp#C78D9B
constant.other.symbol#C78D9B