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.

  • editor.background#263035
  • editor.foreground#C5C8C6
  • editor.lineHighlightBackground#2B2D31
  • statusBar.background#333333
  • statusBar.foreground#CCCCCC
  • terminal.ansiBlack#263035
  • terminal.ansiBlue#81a2be
  • terminal.ansiBrightBlack#263035
  • terminal.ansiBrightBlue#81a2be
  • terminal.ansiBrightCyan#8abeb7
  • terminal.ansiBrightGreen#b5bd68
  • terminal.ansiBrightMagenta#b294bb
  • terminal.ansiBrightRed#cc6666
  • terminal.ansiBrightWhite#C5C8C6
  • terminal.ansiBrightYellow#f0c674
  • terminal.ansiCyan#8abeb7
  • terminal.ansiGreen#b5bd68
  • terminal.ansiMagenta#b294bb
  • terminal.ansiRed#cc6666
  • terminal.ansiWhite#969896
  • terminal.ansiYellow#f0c674

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.template.expression.js#C5C8C6
comment, meta.tag.any#969896italic
string#B5BD68
entity.name.tag, meta.definition.variable#CC6666
constant, variable.parameter, variable.language#DE935F
entity.other.attribute-name#F0C674
storage, storage.type, keyword, keyword.operator.new#B294BB
keyword.operator#8abeb7
meta.definition.function#81a2be
keyword.control.as.ts, keyword.operator.optional.ts, keyword.operator.type.annotation.ts, meta.return.type.ts, meta.type.annotation.ts, support.type.primitive.ts, storage.type.built-in.primitive.cpp, storage.type.primitive.cpp, meta.qualified_type.cpp, entity.name.type.parameter.cpp#666666
Simplified Themes Mods Pack by xivilay - VS Code Theme