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
#B0B0B0
comment#97937f
string#f6f6f5
constant.numeric#AC58FF
constant.language#AC58FF
constant.character, constant.other#AC58FF
variable#B7C6DA
keyword#E95293
storage#FF5BA2
storage.type#83C2DBitalic
entity.name.class#82C600underline
entity.other.inherited-class#82C600italic underline
entity.name.function#E99500underline
variable.parameter#85AC3Aitalic
entity.name.tag#914BD5
entity.other.attribute-name#D5AEFF
meta.tag.other, entity.name.tag.style, entity.name.tag.script, meta.tag.block.script, source.js.embedded punctuation.definition.tag.html, source.css.embedded punctuation.definition.tag.html#D8A2E6
punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end#914BD5
meta.tag string -source -punctuation, text source text meta.tag string -punctuation#82BAF2
punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html#D0B344
meta.toc-list.id#9AA83A
string.quoted.double.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html#9AA83A
meta.selector.css entity.other.attribute-name.id, meta.selector.css entity.other.attribute-name.class, meta.selector.css#85AC3A
support.type.property-name.css#B0B0B0
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#85AC3A
constant.other.symbol.ruby#9AA83A
variable.language.ruby#D0B344
keyword.other.special-method.ruby#D9B700
source.ruby.embedded.source#D08442
keyword.other.DML.sql#D0B344
support.function#4DB1D8
support.constant#4DB1D8
support.type, support.class#4DB1D8italic
support.other.variable
invalid
invalid.deprecated#ffffff
meta.diff, meta.diff.header#655c2d
markup.deleted#FF5BA2
markup.inserted#82C600
markup.changed#ffff63
constant.numeric.line-number.find-in-files - match#000000
entity.name.filename.find-in-files#ffff63
sublimelinter.gutter-mark#E99500
sublimelinter.mark.error#D02000
sublimelinter.mark.warning#DDB700

Shiki preview

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

Loading...

monokate Theme by gerane - VS Code Theme