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#143F4A
  • activityBar.foreground#839496
  • editor.background#002B36
  • editor.foreground#839496
  • sideBar.background#001722
  • statusBar.background#143F4A
  • tab.activeBackground#001722
  • tab.activeForeground#97A8AA
  • tab.inactiveBackground#143F4A
  • tab.inactiveForeground#6F8082
  • titleBar.activeBackground#002B36
  • titleBar.activeForeground#6F8082

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#586E75
comment.block.preprocessor#002B36
comment.documentation, comment.block.documentation#002B36
invalid.deprecated#CB4B16
invalid.illegal#CB4B16
keyword.other, keyword.control, punctuation.section.group, punctuation.section.braces#B58900
storage.type#859900
constant.language, support.constant, variable.language#268BD2
variable, support.variable, punctuation.definition.variable#268BD2
entity.other.attribute-name, variable.parameter, keyword.operator, meta#839496
entity.name.function#586E75
support.function#DC322F
entity.name.tag, entity.name.type, entity.other.inherited-class, support.class#B58900
entity.name.exception#DC322F
entity.name.section
constant.numeric, constant#586E75
constant.character, constant.other#B58900
string#2AA198
constant.character.escape#2AA198
string.regexp#2AA198
constant.other.symbol#2AA198
marzme VSCode Themes by marzme - VS Code Theme