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
#BFBFBF
comment, comment.block, punctuation.definition.comment#666666italic
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#BFBFBF
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#BFBFBF
entity.name.attribute-name, entity.other.attribute-name#BFBFBF
support.type.property-name#BFBFBF
variable.name, variable.parameter.function#BFBFBF
constant.language#1E9CC8
variable.language#1E9CC8
string.regexp#FF7070
meta.tag.sgml.doctype#1E9CC8
entity.name.tag#1E9CC8
punctuation.definition, punctuation.separator#BFBFBF
support.variable.js, support.function.js, support.module.js, support.module.node.js#BFBFBF
storage.html, storage.content.html#1E9CC8
meta.tag.assign.html#BFBFBF
meta.selector.css, meta.attribute-selector.css#BFBFBF
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#BFBFBF

Shiki preview

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

Loading...

Paper-tmTheme - Coding Theme