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