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#1A1A1A
  • editor.foreground#F8F8F8
  • editor.lineHighlightBackground#FFFFFF0F
  • editor.selectionBackground#38566F
  • editorCursor.foreground#FFFFFFA6
  • editorWhitespace.foreground#FFFFFF40

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#F8F8F8
comment#4B4D48
constant#D8B778
entity#658AAF
keyword#C87936
storage#C87936
string, meta.verbatim#A4C261
support#658AAF
variable#FFFFFF
invalid.deprecated#AB2A1Ditalic
invalid.illegal#F8F8F8
entity.other.inherited-class#FF6400italic
string constant.other.placeholder#FF6400
meta.function-call.py#BECDE6
meta.tag, meta.tag entity#7F90AA
entity.name.section#FFFFFF
keyword.type.variant#D5E0F3
source.ocaml keyword.operator.symbol#F8F8F8
source.ocaml keyword.operator.symbol.infix#8DA6CE
source.ocaml keyword.operator.symbol.prefix#8DA6CE
source.ocaml keyword.operator.symbol.infix.floating-pointunderline
source.ocaml keyword.operator.symbol.prefix.floating-pointunderline
source.ocaml constant.numeric.floating-pointunderline
text.tex.latex meta.function.environment
text.tex.latex meta.function.environment meta.function.environment
text.tex.latex support.function#E90EFB
source.plist string.unquoted, source.plist keyword.operator#FFFFFF