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#271436
  • activityBar.foreground#9BC3C3
  • editor.background#130022
  • editor.foreground#9BC3C3
  • sideBar.background#00000E
  • statusBar.background#271436
  • tab.activeBackground#00000E
  • tab.activeForeground#AFD7D7
  • tab.inactiveBackground#271436
  • tab.inactiveForeground#87AFAF
  • titleBar.activeBackground#130022
  • titleBar.activeForeground#87AFAF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#5A3536
comment.block.preprocessor#130022
comment.documentation, comment.block.documentation#130022
invalid.deprecated#9B5014
invalid.illegal#9B5014
keyword.other, keyword.control, punctuation.section.group, punctuation.section.braces#A91231
storage.type#AD5B1F
constant.language, support.constant, variable.language#9BC3C3
variable, support.variable, punctuation.definition.variable#9BC3C3
entity.other.attribute-name, variable.parameter, keyword.operator, meta#9BC3C3
entity.name.function#9A89C3
support.function#529DC7
entity.name.tag, entity.name.type, entity.other.inherited-class, support.class#A91231
entity.name.exception#9B0014
entity.name.section
constant.numeric, constant#9A89C3
constant.character, constant.other#A91231
string#AA9F4C
constant.character.escape#AA9F4C
string.regexp#AA9F4C
constant.other.symbol#AA9F4C
marzme VSCode Themes by marzme - VS Code Theme