Skip to main content
Coding Theme

Color themes

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