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
#B553BF
text, source#F9F9F9
comment#8A8076
string#FBA856
variable, support.other.variable, string.other.link, string.regexp, entity.name.tag, meta.tag, declaration.tag#47515D
constant.numeric#93A3BF
constant.language#93A3BF
constant.character, constant.other#448AA9
variable#A974AB
keyword#FBA856
storage#448AA9
storage.type#B553BF
entity.name.class#748096underline
entity.other.inherited-class#748096italic underline
entity.name.function#70807B
variable.parameter#EDEBE6italic
entity.name.tag#748096
entity.other.attribute-name.html, entity.other.attribute-name.id.html#93A3BF
support.function#448AA9
support.constant#80E045
support.type, support.class#748096italic
support.other.variable
invalid#f8f8f0
invalid.deprecated#f8f8f0
meta.structure.dictionary.json string.quoted.double.json#93A3BF
meta.diff, meta.diff.header#75715E
markup.deleted#00A8C6
markup.inserted#A6E22E
markup.changed#E6DB74
constant.numeric.line-number.find-in-files - match#8FBE00A0
entity.name.filename.find-in-files#E6DB74
keyword.other#605852
meta.property-value, support.constant.property-value, constant.other.color#93A3BF
meta.structure.dictionary.json string.quoted.double.json#586072
meta.structure.dictionary.value.json string.quoted.double.json#0CABC7
meta.property-name support.type.property-name#748096normal
meta.property-value punctuation.separator.key-value#748096
keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit, keyword.other.use-as#93A3BF
meta.use support.class.builtin, meta.other.inherited-class support.class.builtin#EDEBE6normal
variable.other#EDEBE6normal
variable.parameter.function.coffee#a5e3d0italic
entity.name.section.markdown#748096
punctuation.definition.heading.markdown#A2A797
markup.raw.inline.markdown#a5e3d0
punctuation.definition.bold.markdown, punctuation.definition.italic.markdown#A2A797
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown#A2A797
punctuation.definition.metadata.markdown#A2A797
markup.underline.link.markdown, markup.underline.link.image.markdown, meta.image.inline.markdown#A2A797italic
markup.bold.markdown, markup.italic.markdown#A2A797
markup.italic.markdownitalic
markup.bold.markdownbold
markup.raw.block.markdown#00a8c6
markup.deleted.git_gutter#e61f44
markup.inserted.git_gutter#a7da1e
markup.changed.git_gutter#f7b83d
entity.class.css, entity.other.attribute-name.id.css, entity.name.tag.scss, entity.other.attribute-name.pseudo-element.css, entity.name.tag.reference#F9f9f9
entity.other.attribute-name.placeholder#B553BF
property-name.scss, property-name.css#748096
punctuation.section.property-list.begin.scss#E3EDFF