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#2D2D2D
  • activityBar.foreground#FFFFFF
  • editor.background#191919
  • editor.foreground#FFFFFF
  • sideBar.background#050505
  • statusBar.background#2D2D2D
  • tab.activeBackground#050505
  • tab.activeForeground#FFFFFF
  • tab.inactiveBackground#2D2D2D
  • tab.inactiveForeground#EBEBEB
  • titleBar.activeBackground#191919
  • titleBar.activeForeground#EBEBEB

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#8146A2
comment.block.preprocessor#191919
comment.documentation, comment.block.documentation#191919
invalid.deprecated#FF8C00
invalid.illegal#FF8C00
keyword.other, keyword.control, punctuation.section.group, punctuation.section.braces#EC691E
storage.type#EC691E
constant.language, support.constant, variable.language#3C758D
variable, support.variable, punctuation.definition.variable#3C758D
entity.other.attribute-name, variable.parameter, keyword.operator, meta#FFFFFF
entity.name.function#477488
support.function#F7C527
entity.name.tag, entity.name.type, entity.other.inherited-class, support.class#EC691E
entity.name.exception#FF0000
entity.name.section
constant.numeric, constant#477488
constant.character, constant.other#EC691E
string#477488
constant.character.escape#477488
string.regexp#477488
constant.other.symbol#477488
marzme VSCode Themes by marzme - VS Code Theme