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.parameter—italic
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-class—italic underline
entity.name.tag—underline
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—