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
#FFFFFF
comment#4A496D
keyword, storage#00B6AD
constant.numeric#23E0EE
constant#C5060B
constant.language#585CF6
variable.language, variable.other#28FBB5
string#05DF0D
constant.character.escape, string source#26B31A
meta.preprocessor#1A921C
keyword.control.import#0C450Dbold
entity.name.function, support.function.any-method#00E3CBbold
entity.name.typeunderline
entity.other.inherited-class
variable.parameter
storage.type.method#70727E
meta.section entity.name.section, declaration.section entity.name.sectionbold italic
support.function#3C4C72bold
support.class, support.type#6D79DE
support.constant#06960E
support.variable#21439C
keyword.operator.js#687687
invalid#FFFFFF
invalid.deprecated.trailing-whitespace
text source, string.unquoted
text source string.unquoted, text source text source
meta.tag.preprocessor.xml#68685B
meta.tag.sgml.doctype, meta.tag.sgml.doctype entity, meta.tag.sgml.doctype string, meta.tag.preprocessor.xml, meta.tag.preprocessor.xml entity, meta.tag.preprocessor.xml string#888888
string.quoted.docinfo.doctype.DTD
meta.tag, declaration.tag#00A2DF
entity.name.tag
entity.other.attribute-name#FF6421
markup.heading#0C07FF
markup.quote#000000
markup.list#B90690

Shiki preview

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

Loading...