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#000000
  • editor.foreground#F8F8F8
  • editor.lineHighlightBackground#FFFFFF0D
  • editor.selectionBackground#DDF0FF33
  • editorCursor.foreground#A7A7A7
  • editorWhitespace.foreground#CAE2FB3D

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
—#F8F8F8—
comment#C05DFFitalic
constant#0A9CFF
entity#83CBED
keyword#FF6458
storage#99CF50
string#90FF5E
support#00FFBC
variable#4596FF
invalid.deprecated#FD5FF1italic underline
invalid.illegal#FD5FF1—
-----------------------------------——
text source——
entity.other.inherited-class#FF9749italic
string.quoted source#D972DE
string constant#D972DE—
string.regexp#E9C062—
string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition#CF7D34—
string variable#8A9A95—
support.function#F1D950
support.constant#CF6A4C
meta.preprocessor.c#8996A8—
meta.preprocessor.c keyword#AFC4DB—
entity.name.type—underline
meta.cast#676767italic
meta.sgml.html meta.doctype, meta.sgml.html meta.doctype entity, meta.sgml.html meta.doctype string, meta.xml-processing, meta.xml-processing entity, meta.xml-processing string#494949—
meta.tag, meta.tag entity#89BDFF—
source entity.name.tag, source entity.other.attribute-name, meta.tag.inline, meta.tag.inline entity#E0C589—
entity.name.tag.namespace, entity.other.attribute-name.namespace#E18964—
meta.selector.css entity.name.tag#CDA869—
meta.selector.css entity.other.attribute-name.tag.pseudo-class#8F9D6A—
meta.selector.css entity.other.attribute-name.id#8B98AB—
meta.selector.css entity.other.attribute-name.class#9B703F—
support.type.property-name.css#C5AF75—
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#F9EE98—
meta.preprocessor.at-rule keyword.control.at-rule#8693A5—
meta.property-value support.constant.named-color.css, meta.property-value constant#DD7B3B—
meta.constructor.argument.css#8F9D6A—
meta.diff, meta.diff.header#F8F8F8italic
markup.deleted#F8F8F8—
markup.changed#F8F8F8—
markup.inserted#F8F8F8—
--------------------------------——
markup.italic#E9C062italic
markup.bold#E9C062bold
markup.underline#E18964underline
markup.quote#E1D4B9italic
markup.heading, markup.heading entity#FEDCC5
markup.list#E1D4B9—
markup.raw#578BB3
markup comment#F67B37italic
meta.separator#60A633—
meta.line.entry.logfile, meta.line.exit.logfile——
meta.line.error.logfile——
Succulent by Kyle Minshall - VS Code Theme