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#242434
  • activityBar.foreground#D0D0D0
  • editor.background#101020
  • editor.foreground#D0D0D0
  • sideBar.background#00000C
  • statusBar.background#242434
  • tab.activeBackground#00000C
  • tab.activeForeground#E4E4E4
  • tab.inactiveBackground#242434
  • tab.inactiveForeground#BCBCBC
  • titleBar.activeBackground#101020
  • titleBar.activeForeground#BCBCBC

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#00E000
comment.block.preprocessor#101020
comment.documentation, comment.block.documentation#101020
invalid.deprecated#FF8C00
invalid.illegal#FF8C00
keyword.other, keyword.control, punctuation.section.group, punctuation.section.braces#00D0D0
storage.type#00D0D0
constant.language, support.constant, variable.language#79ABFF
variable, support.variable, punctuation.definition.variable#79ABFF
entity.other.attribute-name, variable.parameter, keyword.operator, meta#D0D0D0
entity.name.function#FFFF00
support.function#D0D0D0
entity.name.tag, entity.name.type, entity.other.inherited-class, support.class#00D0D0
entity.name.exception#FF0000
entity.name.section
constant.numeric, constant#FFFF00
constant.character, constant.other#00D0D0
string#DC78DC
constant.character.escape#DC78DC
string.regexp#DC78DC
constant.other.symbol#DC78DC