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
#AEAEAE
variable#DFDFDF
comment#464646
string#F3AC9A
constant.numeric#CCA300
punctuation.definition.string#CFCFCF
keyword#69D2E7
keyword.operator#F38630
constant.character.escape#66cccc
string.regexp#66cccc
constant.language#F38630
constant.character, constant.other#F38630
storage#FA6900
storage.type#F38630
support.class, entity.name.class, entity.name.type.class#DFDFDF
entity.other.inherited-class#69D2E7
entity.name.function#69D2E7
variable.parameter#F38630
support.constant#F38630
support.type, support.class#F38630
support.function#2EBF7E
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#e2703f
keyword.other.phpdoc#989898
entity.name.tag.laravel-blade#FA6900
punctuation.definition.variable.php#989898
variable.other.global.php, variable.other.global.safer.php#F38630
variable.other.property.php#ffb17a
support.function.magic.php#BEBEBE
meta.function-call.static.php, meta.function-call.object.php#ffb17a
meta.function-call.php#2EBF7E
keyword.operator.arithmetic.php, keyword.operator.bitwise.php, keyword.operator.increment-decrement.php#F38630
storage.modifier.reference.php, keyword.operator.assignment.php, keyword.operator.key.php, keyword.operator.string.php, keyword.operator.class.php#69D2E7
keyword.operator.class.php, keyword.operator.type.php, keyword.operator.logical.php, keyword.operator.comparison.php#69D2E7
keyword.operator.error-control.php#F54A4A
support.other.namespace, entity.name.type.namespace#BEBEBE
support.other.namespace.use-as.php#DFDFDF
punctuation.separator.inheritance.php#707070
entity.name.tag#F38630
entity.other.attribute-name#A7DBD8
entity.other.attribute-name.id.css#e2703f
entity.other.attribute-name.class.css#e2703f
entity.name.tag.css#F1B98E
entity.other.attribute-name.attribute.css#2EBF7E
punctuation.definition.entity.css#AEAEAE
support.type.property-name.css#A7DBD8
support.constant.property-value.css#F38630
constant.numeric.css#F38630
punctuation.separator.key-value.css, punctuation.terminator.rule.css#DFDFDF
keyword.other.unit.css#f4645f
keyword.other.important.css#EE3F3F
entity.other.attribute-name.pseudo-class.css#CCA300
punctuation.section.function.css#DFDFDF
constant.other.color.rgb-value.css#F1B98E
punctuation.definition.constant.css#f4645f
support.constant.font-name.css#AEAEAE
punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json#F38630
meta.structure.dictionary.json string.quoted.double.json#F3AC9A
punctuation.separator.dictionary.key-value.json, punctuation.separator.dictionary.pair.json#69D2E7
punctuation.definition.array.begin.json, punctuation.definition.array.end.json#69D2E7
variable.language.js#F38630
keyword.operator.js#FA6900
keyword.control.js#69D2E7
storage.type.function.js#F38630
meta.delimiter.method.period.js#F3AC9A
punctuation.terminator.statement.js#BEBEBE
meta.brace.square.js#ffffff
meta.brace.round, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js#ffffff
meta.brace.curly.js#ffffff
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
MultiTheme by Arturo Arevalo - VS Code Theme