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
#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