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
#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...

Dark_Krystal Theme by gerane - VS Code Theme