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#181717
  • editor.foreground#cccccc
  • editor.lineHighlightBackground#212020
  • editor.selectionBackground#f0e68c4f
  • editorCursor.foreground#ffff00
  • editorError.border#960000
  • editorLineNumber.foreground#AAA127
  • editorWhitespace.foreground#ffffff40

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#1ABFCFitalic
constant#B781A1—
entity#cececbff
keyword#CFD572—
storage#ced572e7
string#FFA1A1
support#F6DDB0
variable#d0cccc—
invalid.deprecated#d4a8a1ffitalic underline
invalid.illegal#fafafaff—
text source#87cfeeff—
text.html.ruby source——
entity.other.inherited-class#B39545italic
string source#76f1c7ff
string constant#def5a4ff—
string.regexp#fd8072ff
string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition#ffa650ff—
string variable#8a9c96ff—
support.function#CCBE94
support.constant#CCBE94 italic
meta.preprocessor.c#8997aaff—
meta.preprocessor.c keyword#87cfeeff—
meta.tag.sgml.doctype, meta.tag.sgml.doctype entity, meta.tag.sgml.doctype string, meta.tag.preprocessor.xml, meta.tag.preprocessor.xml entity, meta.tag.preprocessor.xml string#f1dd82ff—
declaration.tag, declaration.tag entity, meta.tag, meta.tag entity#87cfeeff—
declaration.tag.inline, declaration.tag.inline entity, source entity.name.tag, source entity.other.attribute-name, meta.tag.inline, meta.tag.inline entity#87cfeeff—
meta.selector.css entity.name.tag#f1dd82ff—
meta.selector.css entity.other.attribute-name.tag.pseudo-class#f179a0ff—
meta.selector.css entity.other.attribute-name.id#87cfeeff—
meta.selector.css entity.other.attribute-name.class#87cfeeff—
support.type.property-name.css#ffa650ff—
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#fcf098ff—
meta.preprocessor.at-rule keyword.control.at-rule#8694a7ff—
meta.property-value support.constant.named-color.css, meta.property-value constant#fd8072ff—
meta.constructor.argument.css#919f6aff—
meta.diff, meta.diff.header, meta.separator#fafafaffitalic
markup.deleted#fafafaff—
markup.changed#fafafaff—
markup.inserted#fafafaff—
markup.list#fcf098ff—
markup.heading#d16a4cff—
support.function.built-in.go#f1dd82ff—
meta.brace.round#A4A6A6—
punctuation.definition.block#A4A6A6—
punctuation.separator.comma#A4A6A6—
punctuation.definition.typeparameters.begin#A4A6A6—
punctuation.definition.typeparameters.end#A4A6A6—
punctuation.definition.parameters.begin#A4A6A6—
punctuation.definition.parameters.end#A4A6A6—
punctuation.definition.tag.begin#A4A6A6—
punctuation.definition.tag.end#A4A6A6—
punctuation.section.embedded.begin#A4A6A6—
punctuation.section.embedded#A4A6A6—
punctuation.definition.parameters.begin#A4A6A6—
punctuation.definition.parameters.end#A4A6A6—
meta.function-call.ts#cececbff—
entity.name.class#B39545italic
punctuation.section.embedded.begin.gotemplate#def5a4ff—
punctuation.section.embedded.end.gotemplate#def5a4ff—
entity.other.attribute-name.html#eedd65ff—
entity.other.attribute-name.tsx#ccbe94—
entity.name.type#b39545ff—
entity.name.function#9fcb9d—
entity.name.type.alias#f6ddb0ff—
entity.name.type.interface#f6ddb0ff—
variable.other.constant#f6ddb0ff—
variable.other.constant.object#9cb8bbff—
variable.other.object#acbdbf—
variable.other.object.property#9cb8bbff—
meta.object-literal.key#d0cccc—
entity.name.tag.tsx#f6ddb0ff—
token.info-token#6796e6—
token.warn-token#cd9731—
token.error-token#f44747—
token.debug-token#b267e6—
Desertesque by slyphon - VS Code Theme