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#292929
  • editor.foreground#D9E8F7

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
string, punctuation.definition.string#17C6A3
constant.numeric.decimal#6897BB
keyword.other.documentation#9A8C7C
comment, punctuation.definition.comment#626262
punctuation.section.enum.begin.bracket, punctuation.section.enum.end.bracket, punctuation.section.class.begin.bracket, punctuation.section.class.end.bracket, punctuation.section.method.begin.bracket, punctuation.section.method.end.bracket, punctuation.definition.parameters.begin.bracket, punctuation.definition.parameters.end.bracket, punctuation.definition.annotation-arguments.begin.bracket, punctuation.definition.annotation-arguments.end.bracket#F9FAF4
constant.other.enum, variable.other.enummember#8DDAF8bold italic
constant.other.key#EB4B64
storage.type.annotation, punctuation.definition.annotation#FF9393italic
storage.type.generic#D7837F
keyword, keyword.other.typedef.cpp, keyword.other.using, keyword.other.namespace, keyword.operator.expression, punctuation.definition.directive, storage.type, storage.modifier, variable.language, constant.language#DD2867bold
keyword.operator, punctuation.bracket.angle, entity.name.function.operator, punctuation.terminator, punctuation.separator#E6E6FA
variable.parameter#79ABFF
variable.other.definition#ED7F48
entity.name.function#1EB540
entity.name.type.enum#CC81BAitalic
entity.other.inherited-class, entity.name.type.class, entity.name.class, storage.type.java#1290C3bold
invalid#AB1F36underline
entity.name.tag.html#03A8D8bold
entity.other.attribute-name.html#A7EC21
punctuation.separator.key-value.html#52CA11
punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#0080FF
punctuation.definition.entity.html, constant.character.entity.numeric.decimal.html#DD2867
string.quoted.single.html, string.quoted.double.html#17C6A3italic
meta.tag.metadata.doctype.html entity.other.attribute-name.html#FEA88F
meta.tag.metadata.doctype.html punctuation.definition.tag.begin.html, meta.tag.metadata.doctype.html punctuation.definition.tag.end.html#A7EC21
entity.name.tag.css#65F228
meta.property-name.css#0699F0
support.constant.property-value.css, meta.property-value.css, meta.property-value.css punctuation.definition.constant.css, constant.numeric.css, source.css keyword#17C6A3italic
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-class.css punctuation.definition.entity.css, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-element.css punctuation.definition.entity.css#FB518C
entity.other.attribute-name.id.css, entity.other.attribute-name.id.css punctuation.definition.entity.css#A7EC21
source.css keyword.control.at-rule, source.css keyword.control.at-rule punctuation.definition.keyword.css#A7EC21
support.constant.media.css#DD2867
entity.other.attribute-name.class.css, entity.other.attribute-name.class.css punctuation.definition.entity.css#12E046
keyword.operator.combinator.css#A7EC21
meta.attribute-selector.css, meta.attribute-selector.css keyword.operator#F7C517
meta.attribute-selector.css string.quoted, meta.attribute-selector.css punctuation.definition.string#FF8080
meta.function.url.css, meta.function.url.css string.quoted, meta.function.url.css punctuation.definition.string#17C6A3italic
entity.name.tag.wildcard.css#A7EC21