Skip to main content
CodingTheme

VS Code preview

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

Loading...

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#d6d7d9
comment#5e6a75
string#f0da5e
constant.numeric#74f1c6
constant.language#74f1c6
constant.character, constant.other#74f1c6
variable
entity#f35656
keyword#f35656
storage#f35656
storage.type#74f1c6italic
entity.name.class#a7e450underline
entity.other.inherited-class#a7e450italic underline
entity.name.function#a7e450
variable.parameter#f3a056italic
entity.name.tag#f35656
entity.other.attribute-name#76e9c2
support.function#74f1c6
support.constant#74f1c6
support.type, support.class#74f1c6italic
support.other.variable
string constant#74f1c6
string.regexp#F6AA11
string variable#FFFFFF
support.function#74f1c6
meta.tag.sgml.doctype.xml, declaration.sgml.html declaration.doctype, declaration.sgml.html declaration.doctype entity, declaration.sgml.html declaration.doctype string, declaration.xml-processing, declaration.xml-processing entity, declaration.xml-processing string, doctype#73817D
punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag#FFFFFF
meta.selector.css entity.name.tag#f35656underline
keyword.control.at-rule.import.css#f35656
meta.preprocessor.at-rule keyword.control.at-rule#F6AA11
meta.selector.css entity.other.attribute-name.id#F6AA11
meta.selector.css entity.other.attribute-name.class#a7e450
support.type.property-name.css#74f1c6
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#F6F080
meta.property-value support.constant.named-color.css, meta.property-value constant#EDF080
meta.constructor.argument.css#F6AA11
variable.other.less#FFFFFF
entity.other.less.mixin#9DF39F
invalid#F8F8F0
invalid.deprecated#F8F8F0
meta.structure.dictionary.json string.quoted.double.json#CFCFC2
meta.diff, meta.diff.header#5e6a75
Markdown.deleted#f35656
Markdown.inserted#a7e450
Markdown.changed#f0da5e
meta.diff, meta.diff.range#3BC0F0
text.html.markdown#FFFFFF
text.html.markdown markup.raw.inline#EC3533
text.html.markdown meta.dummy.line-break#E0EDDD
Markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#f3a056
markup.italic#f35656DDitalic
markup.bold#f35656bold
markup.underline#a7e450underline
markup.quote, punctuation.definition.blockquote.markdown#74f1c6italic
markup.quote#74f1c6italic
string.other.link.title.markdown#74f1c6underline
markup.raw.block#74f1c6
markup.raw.block.fenced.markdown#FFFFFF
punctuation.definition.list_item.markdown#93A1A1
punctuation.definition.fenced.markdown, variable.language.fenced.markdown#93A1A1
variable.language.fenced.markdown#C6CECEitalic
markup.table#B42A1D
meta.separator#FFFFFF33bold
markup.deleted.git_gutter#f35656
markup.inserted.git_gutter#a7e450
markup.changed.git_gutter#967EFB
markup.ignored.git_gutter#565656
markup.untracked.git_gutter#565656
constant.numeric.line-number.find-in-files - match#74f1c6A0
entity.name.filename.find-in-files#f0da5e

Shiki preview

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

Loading...

itg dark theme by Chris Carrick - VS Code Theme