Skip to main content
Coding Theme

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#F8F8F2
variable#F8F8F2
comment#505C63
string#F3AC9A
constant.numeric#D0D0D0
punctuation.definition.string#CFCFCF
keyword#A7B3C2
keyword.operator#A7DBD8
constant.character.escape#BDC3C7
string.regexp#BDC3C7
constant.language#F6624A
constant.character, constant.other#F6624A
storage#A7B3C2
storage.type#A7B3C2
support.class, entity.name.class, entity.name.type.class#F6624A
entity.other.inherited-class#F8F8F2
entity.name.function#F6624A
variable.parameter#F6624A
support.constant#D0D0D0
support.type, support.class#F6624A
support.function#A7B3C2
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#F6624A
keyword.other.phpdoc#989898
entity.name.tag.laravel-blade#F6624A
support.constant.laravel-blade#A7DBD8
punctuation.definition.variable.php#D0D0D0
variable.other.global.php, variable.other.global.safer.php#F6624A
variable.other.property.php#F8F8F2
support.function.magic.php#D0D0D0
meta.function-call.static.php, meta.function-call.object.php#F6624A
meta.function-call.php#A7B3C2
keyword.operator.arithmetic.php, keyword.operator.bitwise.php, keyword.operator.increment-decrement.php#A7DBD8
storage.modifier.reference.php, keyword.operator.assignment.php, keyword.operator.key.php, keyword.operator.string.php, keyword.operator.class.php#A7DBD8
keyword.operator.class.php, keyword.operator.type.php, keyword.operator.logical.php, keyword.operator.comparison.php#A7DBD8
keyword.operator.error-control.php#A7DBD8
support.other.namespace, entity.name.namespace.php#F8F8F2
support.other.namespace.use-as.php#DFDFDF
punctuation.separator.inheritance.php#707070
punctuation.definition.tag.html#dddddd
meta.tag.sgml.doctype.html, keyword.doctype.xml#F6624A
entity.name.tag#F6624A
entity.other.attribute-name#A7B3C2
entity.name.tag.xml#F8F8F2
variable.documentroot.xml#A7DBD8
entity.other.attribute-name.id.css#F5896F
entity.other.attribute-name.class.css#F6624A
entity.name.tag.css#F8F8F2
entity.other.attribute-name.attribute.css#F6624A
support.type.property-name.css#A7B3C2
support.constant.property-value.css#FAA193
constant.numeric.css#BDC3C7
punctuation.separator.key-value.css, punctuation.terminator.rule.css#F8F8F2
keyword.other.unit.css#A7DBD8
keyword.other.important.css#F6624A
entity.other.attribute-name.pseudo-class.css#A7DBD8
punctuation.section.function.css#A7DBD8
constant.other.color.rgb-value.css#D0D0D0
punctuation.definition.constant.css#A7DBD8
support.constant.font-name.css#AEAEAE
punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json#A7DBD8
string.quoted.double.json#F3AC9A
punctuation.separator.dictionary.key-value.json, punctuation.separator.dictionary.pair.json, punctuation.separator.array.json#A7DBD8
punctuation.definition.array.begin.json, punctuation.definition.array.end.json#A7DBD8
constant.numeric.json#BDC3C7
constant.language.json#A7B3C2
punctuation.definition.quasi.begin.js, punctuation.definition.quasi.end.js#F6624A
punctuation.quasi.element.begin.js, punctuation.quasi.element.end.js#F8F8F2
entity.quasi.tag.name.js#BDC3C7
keyword.operator.module.js#A7B3C2
keyword.operator.spread.js#848484
variable.language.js#BDC3C7
variable.other.readwrite.js#dadbe5
support.function.firebug.js#BDC3C7
keyword.operator.js#A7DBD8
variable.language.super.js#F8F8F2
keyword.operator.new.js, support.type.object.dom.js#A7B3C2
meta.instance.constructor, entity.name.type.new.js, variable.other.constant.js, support.class.builtin.js, variable.other.class.js#F6624A
storage.type.function.arrow.js#A7DBD8
variable.other.object.js#dadbe5
meta.property.object.js, string.unquoted.label.js, support.type.object.node.js#F8F8F2
entity.name.function.js#dbdbdb
punctuation.separator.key-value.js, meta.function.js#A7DBD8
keyword.control.js#BDC3C7
storage.type.function.js#A7B3C2
entity.name.method.js#F6624A
entity.name.function.js#F6624A
variable.parameter.function.js#F8F8F2
punctuation.separator.parameter.function.js#D0D0D0
variable.language.this.js, support.class.js#BDC3C7
meta.delimiter.method.period.js#A7DBD8
punctuation.terminator.statement.js#F8F8F2
meta.brace.square.js#A7DBD8
punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js, meta.group.braces.round, meta.brace.round.js#A7DBD8
meta.function-call.without-arguments.js, meta.group.braces.round.function.arguments.js#A7DBD8
meta.brace.curly.js#A7DBD8
meta.jsx.children.js, tag.open.js, tag.close.js#F8F8F2
meta.diff, meta.diff.header#75715E
markup.deleted#00A8C6
markup.inserted#A6E22E
markup.changed#E6DB74
constant.numeric.line-number.find-in-files - match#8FBE00A0
entity.name.filename.find-in-files#E6DB74
sublimelinter.mark.warning#DDB700
sublimelinter.mark.error#D02000
sublimelinter.gutter-mark#FFFFFF

Shiki preview

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

Loading...

Zeus-Sublime-Text Theme - Coding Theme