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#1F1F1F
  • editor.foreground#FFFFFF
  • editor.lineHighlightBackground#000000
  • editor.selectionBackground#73597EE0
  • editorCursor.foreground#FFFFFF
  • editorWhitespace.foreground#404040

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#FFFFFF
text#FFFFFF
source#FFFFFF
comment#939393
constant#66FFFF
keyword#FFFF00bold
other.preprocessor.c#D0D0FF
entity.name.preprocessor
entity.name.function, support.function, entity
variable.parameteritalic
entity.name.import#00FF80
source comment.block#939393
string#00FF80
string constant.character.escape#AAAAAA
string.interpolated#FFFFFF
string.regexp#CCCC33
string.literal#CCCC33
string.interpolated constant.character.escape#555555
entity.name.type, entity.other.inherited-class, support.class#FFFFFFbold underline
entity.other.inherited-classitalic underline
entity.name.tagunderline
entity.other.attribute-name
support.function#00FFFF
variable, support.variable#FFFFFF
storage.type, support.type#FFFFFF
meta.diff, meta.diff.header#009933
markup.deleted#DD5555
markup.inserted#3333FF
markup.changed#E6DB74