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
#000000
markup.inserted.diff, meta.diff.header.to-file#eefff8
markup.deleted.diff, meta.diff.header.from-file#fff3ee
comment#D1D1D1
variable#000000
keyword#000000bold
constant.numeric#DB2EBEbold
constant#000000
constant.language#000000bold
constant.language.boolean#000000bold
string#016AC9
constant.character.escape, string source#26B31A
meta.preprocessor#000000bold
entity.name.function, keyword.other.name-of-parameter.objc, entity.name.type, storage.type.function.arrow#000000
support.type, storage.type, storage.modifier, entity.name.type.ts, entity.name.type.tsx, keyword.control.import#000000bold
variable.language.this.ts, variable.language.this.js, variable.language.this.tsx#333333bold
string.quoted.single.tsx, string.quoted.single.ts, string.quoted.double.tsx, string.quoted.double.ts#016AC9
source.tsx meta.decorator.tsx meta.objectliteral.tsx meta.object.member.tsx meta.object-literal.key.tsx, punctuation.separator.comma.tsx, punctuation.separator.comma.ts#000000
meta.decorator.ts, source.ts meta.class.ts meta.decorator.ts variable.other.readwrite.ts, source.ts meta.class.ts meta.decorator.ts meta.function-call.ts entity.name.function.ts#00A90A
source.tsx meta.decorator.tsx punctuation.decorator.tsx, source.tsx meta.decorator.tsx variable.other.readwrite.tsx, source.tsx meta.decorator.tsx meta.function-call.tsx entity.name.function.tsx#00A90A
source.js meta.decorator.js variable.other.readwrite.js, source.js meta.decorator.js punctuation.decorator.js, source.js meta.decorator.js meta.function-call.js entity.name.function.js#00A90A
entity.other.inherited-class#000000
variable.parameter#000000
storage.type.method#70727E
meta.section entity.name.section, declaration.section entity.name.section#000000
support.function#000000
support.class#000000
support.constant#000000
support.variable#000000
keyword.operator#000000
invalid
invalid.deprecated.trailing-whitespace
text source, string.unquoted
meta.xml-processing, declaration.xml-processing#68685B
meta.doctype, declaration.doctype#016AC0
meta.doctype.DTD, declaration.doctype.DTD#000000
meta.tag, declaration.tag#000000
entity.name.tag#000000bold
entity.other.attribute-name#000000
string.quoted.double.xml, string.quoted.double.html#016AC0
markup.heading#016AC0
markup.quote#000000
entity.other.attribute-name.class.css#016AC0
support.type.property-name.css#000000bold
keyword.other.unit.css#000000
constant.numeric.css#000000

Shiki preview

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

Loading...

Bonsai by hawkeyegold - VS Code Theme