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