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
#EDEDED
comment#7C7C7C
entity#FFD2A7
keyword#96CBFE
keyword.control#96CBFE
keyword.operator#EDEDED
entity.name.type#FFFFB6underline
support#FFFFB6
storage#CFCB90
storage.modifier#96CBFE
constant#99CC99
string#A8FF60bold
constant.numeric#FF73FDbold
punctuation
variable#C6C5FE
invalid.deprecated#FD5FF1italic underline
invalid.illegal#FD5FF1
-----------------------------------
text source
entity.other.inherited-class#9B5C2Eitalic
source string source#EDEDED
source string source punctuation.section.embedded#00A0A0
string constant#00A0A0
string.regexp#E9C062
string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition#FF8000
string.regexp.group#C6A24F
string.regexp.character-class#B18A3D
string variable#8A9A95
support.function#DAD085
support.constant#FFD2A7
meta.preprocessor.c#8996A8
meta.preprocessor.c keyword#AFC4DB
meta.cast#676767italic
meta.sgml.html meta.doctype, meta.sgml.html meta.doctype entity, meta.sgml.html meta.doctype string, meta.xml-processing, meta.xml-processing entity, meta.xml-processing string#494949
meta.tag, meta.tag entity#96CBFEbold
source entity.name.tag, source entity.other.attribute-name, meta.tag.inline, meta.tag.inline entity#96CBFE
entity.other.attribute-name#FFD7B1
entity.name.tag.namespace, entity.other.attribute-name.namespace#E18964
meta.selector.css entity.name.tag#96CBFEunderline
meta.selector.css entity.other.attribute-name.tag.pseudo-class#8F9D6A
meta.selector.css entity.other.attribute-name.id#8B98AB
meta.selector.css entity.other.attribute-name.class#62B1FE
support.type.property-name.css#EDEDED
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#F9EE98
meta.preprocessor.at-rule keyword.control.at-rule#8693A5
meta.property-value support.constant.named-color.css, meta.property-value constant#87C38A
meta.constructor.argument.css#8F9D6A
meta.diff, meta.diff.header#F8F8F8italic
markup.deleted#F8F8F8
markup.changed#F8F8F8
markup.inserted#F8F8F8
--------------------------------
markup.italic#E9C062italic
markup.bold#E9C062bold
markup.underline#E18964underline
markup.quote#E1D4B9italic
markup.heading, markup.heading entity#FEDCC5
markup.list#E1D4B9
markup.raw#578BB3
markup comment#F67B37italic
meta.separator#60A633
meta.line.entry.logfile, meta.line.exit.logfile
meta.line.error.logfile

Shiki preview

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

Loading...

IR_Black Theme by gerane - VS Code Theme