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#2b303b
  • editor.foreground#DDD
  • editor.lineHighlightBackground#6666660F
  • editor.selectionBackground#4b505b
  • editorCursor.foreground#AAA
  • editorWhitespace.foreground#FFFFFF40

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#DDD
comment#7b808b
constant#96DAFF
constant.numeric
entity#A5A5A5
keyword#CFA
storage#96DAFF
string, meta.verbatim#EEA
support#DDD
variable#F57066
variable.language#888
invalid.deprecated#AB2A1Ditalic
invalid.illegal#F8F8F8
keyword.operator
string constant.other.placeholder#F8F8F8
meta.function-call.py#BECDE6
meta.tag, meta.tag entity#A5A5A5
entity.name.section#FFFFFF
entity.name.function#DDD
keyword.type.variant#DDD
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#FBDE2D
source.plist string.unquoted, source.plist keyword.operator#FFFFFF
sublimelinter.mark.warning#FFDD55
sublimelinter.mark.error#FFFFFF
sublimelinter.gutter-mark#FFFFFF
sublimelinter.mark.warning#DDB700
sublimelinter.gutter-mark#FFFFFF
sublimelinter.mark.error#D02000
Red & Yellow on Black by jankuca - VS Code Theme