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#1E0F29
  • editor.foreground#FCFFDB
  • editor.lineHighlightBackground#35313D
  • editor.selectionBackground#3F3C47
  • editorCursor.foreground#f8f8f0ff
  • editorWhitespace.foreground#37323B

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#FCFFDB
comment#FFFF8E
string#EDBDFF
constant.numeric#EDBDFF
constant.language#EDBDFF
constant.character, constant.other#EDBDFF
variable#FCFFDB
keyword#00FF90
storage#ff0064ff
storage.type#0062ffffitalic
entity.name.class#00FF00underline
entity.other.inherited-class#66a8feffitalic underline
entity.name.function#00FFFF
variable.parameter#ff005affitalic
entity.name.tag#00FFA6
entity.other.attribute-name#00FFFF
support.function#00FFFF
support.constant#FF8A00
support.type, support.class#ff8a00ffitalic
support.other.variable
invalid#ffffffff
invalid.deprecated#ffffffff
html.string.quoted#FF75BF
text.html.mt#FFFFFF
constant.other.symbol.ruby#00FFA6
string.quoted.double.ruby#EDBDFF underline
string.quoted.single.ruby#EDBDFF underline
entity.name.type.class.ruby#00FF00 underline
ratovia by ratovia - VS Code Theme