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