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

Shiki preview

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

Loading...

GoldenDragon Theme by gerane - VS Code Theme