Skip to main content
CodingTheme

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
#FFFDF8
comment#8CCAA5
comment.block#8CCAA5
constant#FFFDF8
entity#EFC987
keyword.operator#FFFDF8
keyword#BE7B1Ebold
constant.numeric#FFFDF8
storage#D98E0B
storage.modifier#D98E0Bbold
storage.modifier.import#FFFDF8
storage.type.annotation#B7B7B7
storage.type#FFFDF8
storage.type.js#D98E23
storage.modifier.package#FFFDF8
meta.throwables#FFFDF8
string#5E82D6
support#FFFDF8
variable#FFFCF8
variable.other.makefile#B1C1E4
invalid#F45E43
text source#F0F0F0
text.html.ruby source#F0F0F0
entity.other.inherited-class#B7B7B7
string source, string support#B1C1E4
string constant#5A7FD5bold
string.regexp#6487D8italic
string variable#B1C1E4
support.function#FFFDF8
support.constant#FFFDF8
meta.preprocessor#B1C1E4
punctuation.definition.range.diff, meta.diff.range.context#8CCAA5
punctuation.definition.separator.diff#8CCAA5
meta.preprocessor entity#B1C1E4
keyword.control.import#B1C1E4bold
string.quoted.double.include, string.quoted.other.lt-gt.include#B1C1E4
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#6D6D6D
declaration.tag, declaration.tag entity, meta.tag, meta.tag entity#B1C1E4
meta.diff, meta.diff.header#A05957
meta.diff.only#E44E51bold
markup.deleted#F45E43
markup.changed#D98E23bold
markup.inserted#6A8FE0
markup.heading#6D93D4bold
markup.quote#afb5a2italic
markup.list#FDE6B9
markup.raw.block.markdown#b1c1db
markup.raw.inline.markdown#b1c1db
markup.output, markup.raw#dc6d54
markup.prompt#dc6d54
markup entity#6D93D4bold
markup.raw#DCF3E6
string.other.link.description.markdown, string.other.link.title.markdown, constant.other.reference.link.markdown#D98E0B
sublimelinter.gutter-mark#FFFFFF
sublimelinter.mark.warning#DDB700
sublimelinter.mark.error#D02000

Shiki preview

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

Loading...