Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#e0e0fa
comment#9ba9c7
string#f283a7
constant.numeric#f5d5e8
constant.language#e0e0fa
constant.character, constant.other#e0e0fa
variable#e0e0fa
keyword.operator#91d4f0bold
punctuation.definition.tag#9ba9c7
keyword#e0e0fabold
storage#e0e0fabold
storage.type#e0e0fabold
entity.name.class#dad4e7underline
entity.other.inherited-class#b6a9cfitalic
entity.name.function#91d4f0
variable.parameter#b2cfdfitalic
support.function#21b09fitalic
support.constant#00FFFF
support.type, support.class#00FFFFitalic
entity.name.tag#dae4f9bold
entity.other.attribute-name#a1aecb
entity.other.attribute-name.class.scss#c6d5f4
entity.other.attribute-name.id.scss#c7859b
support.type.property-name.scss#cacfda
support.constant.property-value.scss#b7abcf
variable.parameter.scss#e0e0fa
entity.other.attribute-name.tag.pseudo-class#21b09f
variable.parameter.url#21b09f
entity.other.attribute-name.class.css#c6d5f4
entity.other.attribute-name.id.css#c7859b
support.type.property-name.css#cacfda
meta.property-value support.constant.property-value.css#b7abcf
meta.preprocessor.at-rule keyword.control.at-rule#21b09f
meta.property-value support.constant.named-color.css, meta.property-value constant#81DF97
meta.constructor.argument.css#aeb4c5
meta.structure.dictionary.json string.quoted.double.json#c7859b
meta.structure.dictionary.json string.quoted.double.json#c7859b
meta.structure.dictionary.value.json string.quoted.double.json#cacfda
invalid#ba7336
invalid.deprecated#ba7336