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
#F0F6FF
comment#B6C6D4
string#F0F07A
constant.numeric#7BD827
constant.language#FFAA00
constant.character, constant.other#ffffff
variable.language, variable.other#53B7ED
keyword#febe5abold
storage#A3D295bold
entity.name.class
entity.other.inherited-class
entity.name.tag#7BD827
entity.name.function#ffffff
entity.other.attribute-name#708E67
support.function#ffffffbold
meta.function-call#ffffff
meta.function-call.object#ecececbold
support.constant
support.type, support.class
support.other.variable
storage.type#73FF8Cbold
invalid#FF0000
bracket.quote
bracket.curly
bracket.round
bracket.square
bracket.angle
bracket.tag
invalid.illegal.missing-asterisk.phpdoc#FFC1A8italic
invalid.deprecateditalic underline
invalid.illegal#F9CFCEitalic
-----------------------------------
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#00B7FF
meta.property-name, support.type.property-name#F0F6FA
meta.property-value constant.numeric, meta.property-value constant, meta.property-value keyword#7BD827
meta.selector entity.name.tag.css#9CEFFF
meta.selector entity.other.attribute-name.class.css, entity.other.attribute-name.id.css#53B7ED
entity.other.attribute-name.pseudo-class#73FF8C
support.constant.property-value#9CFFCD
constant.other#7BD827
keyword.other.unit#7BD827
support.function.misc#FFA3D3bold
meta.selector.css#ffffff
-----------------------------------
meta.tag.sgml.doctype#ffffff
entity.name.tag#7BD827
meta.tag string punctuation#ffffff
punctuation.definition.tag#7BD827
constant.character.entity#53B7ED
entity.other.attribute-name#53B7ED
meta.tag string.quoted, meta.tag string.quoted constant.character.entity#F0F07A
comment.block.html, punctuation.definition.commment.html#ACE2F2