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
comment#707070
keyword.operator, keyword.operator.logical, keyword.operator.relational, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.ternary, keyword.operator.arithmetic, keyword.operator.spread#CCCCCC
string, string.character.escape, string.template.quoted, string.template.quoted.punctuation, string.template.quoted.punctuation.single, string.template.quoted.punctuation.double, string.type.declaration.annotation, string.template.quoted.punctuation.tag, #6A8759
begin.expression.string, end.expression.string#CC8242
expression.string#CCCCCC
constant.numeric#7A9EC2
constant.language, variable.language#CC8242
constant.character, constant.other#9E7BB0
keyword, keyword.operator.new, keyword.operator.delete, keyword.operator.static, keyword.operator.this, keyword.expression.typeof, keyword.expression.instanceof, keyword.type.expression.typeof#CC8242
meta.entity.type, meta.entity.name.type, meta.entity.name.new.type.parameters, meta.entity.name.new.expr.type.parameters#7A9EC2
storage, storage.type, storage.modifier, storage.arrow#CC8242
class.instance.constructor, meta.entity.new.class.method.expr, meta.entity.new.name.expr.function, meta.entity.new.name.expr.var, meta.entity.new.name.expr.type#FFC66D
function.support, entity.name.function#FFC66D
annotation.meta.ts#CCCCCC
variable.parameter, operator.rest.parameters#CCCCCC
variable.property, variable.constant, variable.other.property, variable.other.constant, block.support.variable.property, block.support.function.variable.property#9E7BB0
quote.module#6A8759
markup.heading#CC8242
punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end, entity.name.tag#FFC66D
entity.other.attribute-name#CCCCCC
key, object.objectliteral.property.variable#9E7BB0
storage.modifier.ts#CC8242
ts.cast.expr, type-object, ts.meta.entity.class.method.new.expr.cast, ts.meta.entity.type.name.new.expr.cast, ts.meta.entity.type.name.var-single-variable.annotation#7A9EC2
ts.meta.type.support, ts.meta.type.entity.name, type-declaration, enum-declaration#7A9EC2
function-declaration, method-declaration, method-overload-declaration, type-fn-type-parameters#FFC66D
comment.documentation#6A8759
storage.type.class.jsdoc#CC8242
token.language.import-export-all#CCCCCC
objectliteral.key.separator, scss.token.punctuation.separator#CCCCCC
regex italic
meta.entity.name.namespace.ts#CCCCCC
regex.character-class#CCCCCC
type.entity.name.class#CCCCCC
type.entity.class.other.inherited-class#7A9EC2
documentation.jsdoc.meta.entity.name#FFC66D
yaml.entity.name, yaml.string.entity.name#CC8242
yaml.string.out#CCCCCC
block.support.module, block.support.type.module, block.support.function.variable#CCCCCC
expr.regex.begin.punctuation, expr.regex.end.punctuation#CC8242
expr.regex.capture.punctuation, expr.regex.group.punctuation, expr.regex.set.punctuation#FFC66D
expr.regex.or.operator#CCCCCC
string.template.tag, string.template.punctuation.tag, string.quoted.punctuation.tag, string.quoted.embedded.tag, string.quoted.double.tag#6A8759
tag.punctuation.begin.arrow.parameters.embedded, tag.punctuation.end.arrow.parameters.embedded#CCCCCC
object-literal.object.member.key.field.other, object-literal.object.member.key.accessor, object-literal.object.member.key.array.brace.square#CCCCCC
property-list.property-value, property-list.constant, scss.keyword.other.unit, css.keyword.other.unit#A5C261
property-list.variable, scss.set.variable#7A9EC2
css.entity.attribute-name, scss.entity.attribute-name#FFC66D
property-list.property-value.rgb-value#7A9EC2
property-list.property-value.function#FFC66D
css.entity.name.tag, scss.entity.name.tag#CC8242
meta.selector.css, entity.attribute-name.id#FFC66D
keyword.scss, keyword.css#CC8242
triple-slash.tag#CCCCCCitalic

Shiki preview

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

Loading...

webstromeTheme by zhanglizhao - VS Code Theme