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
#525252
comment, comment.block, punctuation.definition.comment#949494italic
string, punctuation.definition.string#FF7070
constant.character, constant.character.escaped#FF7070
constant.numeric#FF7070
keyword, keyword.control, keyword.other#1E9CC8
keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.relational, keyword.operator.logic#525252
keyword.operator.expression, keyword.operator.new#1E9CC8
storage.modifier#1E9CC8
storage.type#1E9CC8
meta.type.name, meta.return.type, meta.return-type, meta.cast, meta.type.annotation, support.type, entity.name.type#559e83
support.class, entity.name.class, entity.other.inherited-class#559e83
support.funtion, entity.name.function#525252
entity.name.attribute-name, entity.other.attribute-name#525252
support.type.property-name#525252
variable.name, variable.parameter.function#525252
constant.language#1E9CC8
variable.language#1E9CC8
string.regexp#FF7070
meta.tag.sgml.doctype#1E9CC8
entity.name.tag#1E9CC8
punctuation.definition, punctuation.separator#525252
support.variable.js, support.function.js, support.module.js, support.module.node.js#525252
storage.html, storage.content.html#1E9CC8
meta.tag.assign.html#525252
meta.selector.css, meta.attribute-selector.css#525252
entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css#1E9CC8
entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css#60B38A
constant.numeric.css, keyword.other.unit.css#FF7070
constant.other.color.css#FF7070
support.constant.css#F07D57
storage.modifier.package.java, storage.modifier.import.java#525252

Shiki preview

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

Loading...