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#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