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.

  • activityBarBadge.background#bf616a
  • editor.background#222222
  • editor.foreground#c0c5ce
  • sideBarTitle.foreground#99cc99

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#65737eitalic
variable, string constant.other.placeholder#bf616a
constant.other.color#ffffff
invalid, invalid.illegal#c0c5ce
keyword#c0c5ce
keyword.operator.existential#8fa1b3
storage.type, storage.modifier#b48ead
keyword.control, constant.other.color, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.directive, punctuation.definition.keyword, punctuation.section.embedded, keyword.other.template, keyword.other.substitution#b48ead
punctuation#c0c5ce
punctuation.section.embedded#ab7967
punctuation.definition.destructuring.begin.bracket.square, punctuation.definition.destructuring.end.bracket.square, meta.variable.assignment.destructured.array#bf616a
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#bf616a
entity.name.function, variable.function, support.function, keyword.other.special-method#8fa1b3
meta.block variable.other#c0c5ce
variable.other.property#c0c5ce
support.other.variable, string.other.link#c0c5ce
constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other#d08770
keyword.other.package, keyword.other.import#b48ead
storage.modifier.package, storage.modifier.import#8fa1b3
variable.parameter#c0c5ce
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#a3be8c
entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#ebcb8b
support.type#c0c5ce
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name#c0c5ce
source.css punctuation.definition.entity, source.scss punctuation.definition.entity, source.less punctuation.definition.entity, source.stylus punctuation.definition.entity, source.postcss punctuation.definition.entity#96b5b4
source.css entity.other.attribute-name.class, source.scss entity.other.attribute-name.class, source.less entity.other.attribute-name.class, source.stylus entity.other.attribute-name.class, source.postcss entity.other.attribute-name.class#8fa1b3
source.css entity.other.attribute-name.id, source.scss entity.other.attribute-name.id, source.less entity.other.attribute-name.id, source.stylus entity.other.attribute-name.id, source.postcss entity.other.attribute-name.id#96b5b4
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#c0c5ce
variable.language#c0c5ceitalic
entity.name.method.js#8fa1b3italic
meta.class-method.js entity.name.function.js, variable.function.constructor#8fa1b3
entity.other.attribute-name#d08770
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#c0c5ceitalic
entity.other.attribute-name.class#c0c5ce
source.sass keyword.control#8fa1b3
markup.inserted#a3be8c
markup.deleted#c0c5ce
markup.changed#c0c5ce
string.regexp#d08770
punctuation.definition.character-class#d08770
constant.character.escape#c0c5ce
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#8fa1b3italic
source.js constant.other.object.key.js string.unquoted.label.js#b48eaditalic
source.json meta.structure.dictionary.json support.type.property-name.json#a3be8c
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#a3be8c
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#a3be8c
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#a3be8c
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#a3be8c
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#a3be8c
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#a3be8c
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#a3be8c
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#a3be8c
text.html.markdown, punctuation.definition.list_item.markdown#bf616a
text.html.markdown markup.inline.raw.markdown#c0c5ce
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#65737E
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#a3be8c
markup.italic#bf616aitalic
markup.bold, markup.bold string#bf616abold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#bf616abold
markup.underline#c0c5ceunderline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.title.markdown#8fa1b3
string.other.link.description.title.markdown#c0c5ce
constant.other.reference.link.markdown#c0c5ce
markup.raw.block#c0c5ce
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#bf616a
punctuation.section.class.end.bracket.curly#c0c5ce
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#bf616a
Base16 Spacegray by mkappelhof - VS Code Theme