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#141414
  • activityBar.foreground#E8E2B7
  • editor.background#000000
  • editor.foreground#E8E2B7
  • sideBar.background#000000
  • statusBar.background#141414
  • tab.activeBackground#000000
  • tab.activeForeground#FCF6CB
  • tab.inactiveBackground#141414
  • tab.inactiveForeground#D4CEA3
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#D4CEA3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#7D8C93
comment.block.preprocessor#000000
comment.documentation, comment.block.documentation#000000
invalid.deprecated#FF8C00
invalid.illegal#FF8C00
keyword.other, keyword.control, punctuation.section.group, punctuation.section.braces#82677E
storage.type#82677E
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#82677E
entity.name.tag, entity.name.type, entity.other.inherited-class, support.class#82677E
entity.name.exception#FF0000
entity.name.section
constant.numeric, constant#C78D9B
constant.character, constant.other#82677E
string#C78D9B
constant.character.escape#C78D9B
string.regexp#C78D9B
constant.other.symbol#C78D9B