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#313335
  • activityBar.foreground#E8E2B7
  • editor.background#1D1F21
  • editor.foreground#E8E2B7
  • sideBar.background#090B0D
  • statusBar.background#313335
  • tab.activeBackground#090B0D
  • tab.activeForeground#FCF6CB
  • tab.inactiveBackground#313335
  • tab.inactiveForeground#D4CEA3
  • titleBar.activeBackground#1D1F21
  • titleBar.activeForeground#D4CEA3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#7D8C93
comment.block.preprocessor#1D1F21
comment.documentation, comment.block.documentation#1D1F21
invalid.deprecated#FF8C00
invalid.illegal#FF8C00
keyword.other, keyword.control, punctuation.section.group, punctuation.section.braces#B294BB
storage.type#B294BB
constant.language, support.constant, variable.language#CC6666
variable, support.variable, punctuation.definition.variable#CC6666
entity.other.attribute-name, variable.parameter, keyword.operator, meta#E8E2B7
entity.name.function#DE935F
support.function#81A2BE
entity.name.tag, entity.name.type, entity.other.inherited-class, support.class#B294BB
entity.name.exception#FF0000
entity.name.section
constant.numeric, constant#DE935F
constant.character, constant.other#B294BB
string#B5BD68
constant.character.escape#B5BD68
string.regexp#B5BD68
constant.other.symbol#B5BD68
marzme VSCode Themes by marzme - VS Code Theme