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#202A2D
  • activityBar.foreground#E8E2B7
  • editor.background#0C1619
  • editor.foreground#E8E2B7
  • sideBar.background#000205
  • statusBar.background#202A2D
  • tab.activeBackground#000205
  • tab.activeForeground#FCF6CB
  • tab.inactiveBackground#202A2D
  • tab.inactiveForeground#D4CEA3
  • titleBar.activeBackground#0C1619
  • titleBar.activeForeground#D4CEA3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#7D8C93
comment.block.preprocessor#0C1619
comment.documentation, comment.block.documentation#0C1619
invalid.deprecated#FF8C00
invalid.illegal#FF8C00
keyword.other, keyword.control, punctuation.section.group, punctuation.section.braces#83BFD4
storage.type#83BFD4
constant.language, support.constant, variable.language#E0E2E4
variable, support.variable, punctuation.definition.variable#E0E2E4
entity.other.attribute-name, variable.parameter, keyword.operator, meta#E8E2B7
entity.name.function#FFCD22
support.function#678CB1
entity.name.tag, entity.name.type, entity.other.inherited-class, support.class#83BFD4
entity.name.exception#FF0000
entity.name.section
constant.numeric, constant#FFCD22
constant.character, constant.other#83BFD4
string#EC7600
constant.character.escape#EC7600
string.regexp#EC7600
constant.other.symbol#EC7600
marzme VSCode Themes by marzme - VS Code Theme