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#252525
  • editor.foreground#EFEFFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
string, punctuation.definition.string#00ffcc
constant.numeric.decimal#20B6FF
keyword.other.documentation#909090
comment, punctuation.definition.comment#909090
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#EFEFFF
constant.other.enum, variable.other.enummember#6AD5FFbold italic
variable.other#63d3ff
constant.other.key#FF3131bold
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#EE0F5Dbold
keyword.operator, punctuation.bracket.angle, entity.name.function.operator, punctuation.terminator, punctuation.separator#EFEFFF
variable.parameter#20B6FF
variable.declaration, variable#FF9100
entity.name.function#5BFD4C
entity.name.type.enum, enum#CC81BAitalic
entity.other.inherited-class, entity.name.type.class, entity.name.type, entity.name.class, storage.type.java#20B6FFbold
invalid#FF3131underline
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#00ffccitalic
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#00ffccitalic
entity.name.tag.wildcard.css#A7EC21
ref.matchtext#FFFFFF
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#FF3131
token.debug-token#B267E6
KTheme by KTheme - VS Code Theme