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#0B161D
  • editor.foreground#F8F8F8
  • editor.lineHighlightBackground#0000004A
  • editor.selectionBackground#C5DFE980
  • editorCursor.foreground#8BA7A7
  • editorWhitespace.foreground#FFFFFF40

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
storage.modifier.async.js#FFAAFF—
meta.object-literal.key.js#76d4ff—
support.function.js#EDF080—
keyword.operator.new.js#EDF080—
#F8F8F8—
keyword#ffaa00—
keyword.operator.lua#60f0f0—
keyword.control.lua#ffaa00—
keyword.other.documentation.lua#ffb454—
storage.modifier.local.lua#FFAA00—
meta.function.lua#F8F8F8—
variable.language.self.lua#6cde97—
variable.other.lua#f8f8f8—
variable.parameter.function.lua#FB9A4B—
support#9DF39F—
support.function#FFB454—
support.function.any-method#EFE900—
support.function.library, support.function.local.library#6cde97—
comment#1E9AE0italic
constant#FF3A83—
entity#EFE900—
keyword#FFAA00—
storage#edf080—
string#55E439—
variable#FB9A4B—
invalid#F8F8F8—
string constant#9DF39F—
string.regexp#FFB454—
string variable#EDEF7D—
support.constant#EB939A—
other.preprocessor.c#8996A8—
other.preprocessor.c entity#AFC4DB—
declaration.sgml.html declaration.doctype, declaration.sgml.html declaration.doctype entity, declaration.sgml.html declaration.doctype string, declaration.xml-processing, declaration.xml-processing entity, declaration.xml-processing string#73817D—
declaration.tag, declaration.tag entity, meta.tag, meta.tag entity#EFE900—
meta.selector.css entity.name.tag#9EFFFF—
meta.selector.css entity.other.attribute-name.id#FFB454—
meta.selector.css entity.other.attribute-name.class#5FE461—
support.type.property-name.css#9DF39F—
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#F6F080—
meta.preprocessor.at-rule keyword.control.at-rule#F6AA11—
meta.property-value support.constant.named-color.css, meta.property-value constant#EDF080—
meta.constructor.argument.css#EB939A—
meta.diff, meta.diff.header#F8F8F8italic
markup.deleted#F8F8F8—
markup.changed#F8F8F8—
markup.inserted#F8F8F8—
PlasticLuaWrap by antixdevelopment - VS Code Theme