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#323232
  • activityBar.foreground#EEEDF0
  • editor.background#1E1E1E
  • editor.foreground#EEEDF0
  • sideBar.background#0A0A0A
  • statusBar.background#323232
  • tab.activeBackground#0A0A0A
  • tab.activeForeground#FFFFFF
  • tab.inactiveBackground#323232
  • tab.inactiveForeground#DAD9DC
  • titleBar.activeBackground#1E1E1E
  • titleBar.activeForeground#DAD9DC

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#57A64A
comment.block.preprocessor#1E1E1E
comment.documentation, comment.block.documentation#1E1E1E
invalid.deprecated#CB4B16
invalid.illegal#CB4B16
keyword.other, keyword.control, punctuation.section.group, punctuation.section.braces#B2D7A3
storage.type#B58900
constant.language, support.constant, variable.language#569CD6
variable, support.variable, punctuation.definition.variable#569CD6
entity.other.attribute-name, variable.parameter, keyword.operator, meta#EEEDF0
entity.name.function#586E75
support.function#4EC9B0
entity.name.tag, entity.name.type, entity.other.inherited-class, support.class#B2D7A3
entity.name.exception#DC322F
entity.name.section
constant.numeric, constant#586E75
constant.character, constant.other#B2D7A3
string#D69D85
constant.character.escape#D69D85
string.regexp#D69D85
constant.other.symbol#D69D85
marzme VSCode Themes by marzme - VS Code Theme