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#383838
  • activityBar.foreground#F3F6EE
  • editor.background#242424
  • editor.foreground#F3F6EE
  • sideBar.background#101010
  • statusBar.background#383838
  • tab.activeBackground#101010
  • tab.activeForeground#FFFFFF
  • tab.inactiveBackground#383838
  • tab.inactiveForeground#DFE2DA
  • titleBar.activeBackground#242424
  • titleBar.activeForeground#DFE2DA

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#99968B
comment.block.preprocessor#242424
comment.documentation, comment.block.documentation#242424
invalid.deprecated#FF8C00
invalid.illegal#FF8C00
keyword.other, keyword.control, punctuation.section.group, punctuation.section.braces#8AC6F2
storage.type#8AC6F2
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#F3F6EE
entity.name.tag, entity.name.type, entity.other.inherited-class, support.class#8AC6F2
entity.name.exception#FF0000
entity.name.section
constant.numeric, constant#F08080
constant.character, constant.other#8AC6F2
string#95E454
constant.character.escape#95E454
string.regexp#95E454
constant.other.symbol#95E454
marzme VSCode Themes by marzme - VS Code Theme