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
#80CBC4
comment, punctuation.definition.comment#CCD7DAitalic
variable, string constant.other.placeholder#80CBC4
constant.other.color#ffffff
invalid, invalid.illegal, invalid.broken#ffffff
invalid.unimplemented#ffffff
invalid.deprecated#ffffff
keyword, storage.type, storage.modifier#7C4DFF
storage.type, keyword.controlitalic
keyword.operator, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution#39ADB5
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#FF5370
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, meta.block-level#6182B8
support.other.variable, string.other.link#FF5370
constant.numeric, constant.language, support.constant, constant.character, variable.parameter, keyword.other.unit#F76D47
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#91B859normal
entity.name.class, entity.name.type.class, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#FFB62C
source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type#8796B0
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#E53935
variable.language#E53935italic
entity.name.method.js#6182B8
meta.class-method.js entity.name.function.js, variable.function.constructor#6182B8
entity.other.attribute-name#7C4DFF
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#FFB62Citalic
entity.other.attribute-name.class#FFB62C
source.sass keyword.control#6182B8
markup.inserted#91B859
markup.deleted#E53935
markup.changed#7C4DFF
string.regexp#39ADB5
constant.character.escape#39ADB5
*url*, *link*, *uri*underline
constant.numeric.line-number.find-in-files - match#C17E70
entity.name.filename.find-in-files#91B859
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#6182B8italic
source.js constant.other.object.key.js string.unquoted.label.js#E53935italic
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#91B859
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#7C4DFF
source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#FF5370
source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#6182B8
source.json meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#C17E70
source.json meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#E53935
source.json meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#F76D47
source.json meta meta.structure.dictionary.json string.quoted.double.json - meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta.structure.dictionary.json punctuation.definition.string - meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#FFB62C
source.json meta.structure.dictionary.json string.quoted.double.json - meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta.structure.dictionary.json punctuation.definition.string - meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#7C4DFF
text.html.markdown, punctuation.definition.list_item.markdown#80CBC4
text.html.markdown markup.raw.inline#7C4DFF
text.html.markdown punctuation.definition.raw.markdown#E7EAEC
text.html.markdown meta.dummy.line-break
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#91B859
markup.italic#FF5370italic
markup.bold, markup.bold string#FF5370bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold stringbold italic
markup.underline#F76D47underline
markup.strikestrike
markup.quote punctuation.definition.blockquote.markdown#E7EAEC
markup.quoteitalic
string.other.link.title.markdown#6182B8
string.other.link.description.title.markdown#7C4DFF
constant.other.reference.link.markdown#FFB62C
markup.raw.block#7C4DFF
markup.raw.block.fenced.markdown
punctuation.definition.fenced.markdown
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#80CBC4
variable.language.fenced.markdown#E7EAEC
text.html.markdown punctuation.definition#CCD7DA
text.html.markdown meta.disable-markdown punctuation.definition#39ADB5
meta.separator#E7EAECbold
markup.table#80CBC4
acejump.label.blue#ffffff
acejump.label.green#ffffff
acejump.label.orange#ffffff
acejump.label.purple#ffffff
sublimelinter.mark.warning#FFB62C
sublimelinter.gutter-mark#ffffff
sublimelinter.mark.error#E53935
sublimelinter.annotations
markup.ignored.git_gutter#E7EAEC
markup.untracked.git_gutter#E7EAEC
markup.inserted.git_gutter#91B859
markup.changed.git_gutter#FFB62C
markup.deleted.git_gutter#E53935
brackethighlighter.default#8796B0
brackethighlighter.quote#91B859
brackethighlighter.unmatched#E53935

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...