Skip to main content
Coding Theme

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—
Type-R by Ryan Parman - VS Code Theme