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#1F2A31
  • activityBar.foreground#F8F8F8
  • editor.background#0B161D
  • editor.foreground#F8F8F8
  • sideBar.background#000209
  • statusBar.background#1F2A31
  • tab.activeBackground#000209
  • tab.activeForeground#FFFFFF
  • tab.inactiveBackground#1F2A31
  • tab.inactiveForeground#E4E4E4
  • titleBar.activeBackground#0B161D
  • titleBar.activeForeground#E4E4E4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#1E9AE0
comment.block.preprocessor#0B161D
comment.documentation, comment.block.documentation#0B161D
invalid.deprecated#FF8C00
invalid.illegal#FF8C00
keyword.other, keyword.control, punctuation.section.group, punctuation.section.braces#FFAA00
storage.type#FFAA00
constant.language, support.constant, variable.language#79ABFF
variable, support.variable, punctuation.definition.variable#79ABFF
entity.other.attribute-name, variable.parameter, keyword.operator, meta#F8F8F8
entity.name.function#FF7FFF
support.function#F8F8F8
entity.name.tag, entity.name.type, entity.other.inherited-class, support.class#FFAA00
entity.name.exception#FF0000
entity.name.section
constant.numeric, constant#FF7FFF
constant.character, constant.other#FFAA00
string#55E439
constant.character.escape#55E439
string.regexp#55E439
constant.other.symbol#55E439
marzme VSCode Themes by marzme - VS Code Theme