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#286763
  • activityBar.foreground#60BCAF
  • editor.background#14534F
  • editor.foreground#60BCAF
  • sideBar.background#003F3B
  • statusBar.background#286763
  • tab.activeBackground#003F3B
  • tab.activeForeground#74D0C3
  • tab.inactiveBackground#286763
  • tab.inactiveForeground#4CA89B
  • titleBar.activeBackground#14534F
  • titleBar.activeForeground#4CA89B

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#35968E
comment.block.preprocessor#14534F
comment.documentation, comment.block.documentation#14534F
invalid.deprecated#A8732F
invalid.illegal#A8732F
keyword.other, keyword.control, punctuation.section.group, punctuation.section.braces#92B123
storage.type#1BC9B1
constant.language, support.constant, variable.language#1CB3EB
variable, support.variable, punctuation.definition.variable#1CB3EB
entity.other.attribute-name, variable.parameter, keyword.operator, meta#60BCAF
entity.name.function#35B6B5
support.function#A3FFCE
entity.name.tag, entity.name.type, entity.other.inherited-class, support.class#92B123
entity.name.exception#B95A48
entity.name.section
constant.numeric, constant#35B6B5
constant.character, constant.other#92B123
string#35968E
constant.character.escape#35968E
string.regexp#35968E
constant.other.symbol#35968E