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#1c1d20
  • editor.foreground#cfcfcf

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#cfcfcf
comment, string.comment, punctuation.definition.comment#737373
string, punctuation.definition.string, variable.css.string, variable.scss.string, variable.less.string, variable.sass.string, markup.changed, entity.name.filename.find-in-files, structure.dictionary.property-name.json#00d68e
constant.numeric, constant.language, constant.character, constant.other#FFBF69
punctuation, meta.brace, keyword, keyword.operator, storage, storage.type, entity.name.tag, entity.name.tag.class.js, entity.name.tag.class.jsx, support.type, support.class, support.dictionary.json, support.type.property-name, unit, string.embedded, string.embedded.begin, string.embedded.end, variable.language#a49eb1
support.function, entity.name.function, entity.name.module, entity.name.type#9EA8F7
meta.definition entity.name.function, storage.identifier, entity.name.tag.class, entity.name.tag.id, entity.other.attribute-name, entity.other.inherited-class#FFBF69
variable.parameter, meta.definition variable#D6788C
invalid#F8F8F0
invalid.deprecated#F8F8F0
string.detected-link#61afef
meta.diff, meta.diff.header#75715E
markup.deleted#c678dd
constant.numeric.line-number.find-in-files - match#56b6c2A0
Lucid by doeke - VS Code Theme