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
#c5c8c6
comment#6c7a80italic
string#b5bd68
constant.numeric#de935f
constant.language#de935f
constant.character, constant.other#de935f
keyword, storage.modifier.async#b294bb
storage#f92672
meta.brace.round#8abeb7
keyword.operator#8abeb7
storage.type#b294bb
storage.type.function#8abeb7
entity.name.class#a6e22e
entity.other.inherited-class, entity.name.type.module#81a2beitalic
entity.name.function#81a2be
variable.parameter#de935fbbitalic
entity.name.tag#de935f
entity.other.attribute-name#81a2beitalic
support.function#81a2be
support.constant
support.class#de935f
support.variable.dom#de935f
invalid#f8f8f0
invalid.deprecated#f8f8f0
support.variable.object, support.variable.property#de935f
meta.brace.square, punctuation.definition.block, punctuation.definition.template-expression, punctuation.definition.typeparameters, punctuation.definition.string.template, punctuation.section.embedded, punctuation.definition.binding-pattern#f0c674
storage.modifier, storage.type.class.js#f0c674italic
variable.language.this.js#6c7a80italic
variable.language.super.js#f0c674
punctuation.definition.parameters#b5bd68
meta.type.annotation, meta.return.type, meta.type.parameters#cc6666
meta.template.expression.js#c5c8c6
string.regexp punctuation.definition #yellow
string.regexp punctuation.definition #f0c674
string.regexp meta.group, string.regexp keyword.other.back-reference#c5c8c6
string.regexp meta.assertion, string.regexp keyword.operator#de935f
string.regexp constant.other#81a2be
string.regexp constant.character#99dbff
string.regexp keyword.control.anchor#cc6666
source.properties#de935f
entity.name.section.group-title.properties#81a2be
punctuation.separator.key-value, punctuation.separator.dictionary.key-value#8abeb7
entity.name.tag.yaml#81a2be
meta.attribute-selector, punctuation.section.property-list#f0c674
punctuation.separator.operator#8abeb7
punctuation.terminator.rule, punctuation.terminator.statement#8abeb7
meta.selector#8abeb7
keyword.other.unit#de935f
meta.property-value#6c7a80
keyword.other.important#cc6666
meta.at-rule.media#6c7a80
support.type.property-name.media
meta.tag.sgml.html#cc6666
meta.tag.inline.any.html, meta.tag.structure.any.html, meta.tag.block.any.html, meta.tag.any.html#8abeb7
punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end, punctuation.definition.tag.xml#6c7a80
entity.name.section.markdown#b294bb
punctuation.definition.heading.markdown#f0c674
punctuation.definition.heading.markdown, beginning.punctuation.definition.quote.markdown, punctuation.definition.markdown, punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, beginning.punctuation.definition.list.markdown, punctuation.definition.raw.markdown#6c7a80
punctuation.definition.constant.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown#f0c674
fenced_code.block.language#cc6666
markup.italic.markdown#c5c8c6italic
markup.bold.markdown#c5c8c6bold
meta.link.inline.markdown, markup.underline.link.markdown#81a2be
markup.quote.markdown#b5bd6888
markup.list.unnumbered.markdown#b5bd68dd
markup.list.numbered.markdown#b5bd68aa
constant.other.reference.link.markdown#cc6666
meta.tag.preprocessor.xml, meta.tag.xml#8abeb7
punctuation.definition.dictionary#f0c674
punctuation.support.type.property-name, punctuation.definition.string#6c7a80
support.type.property-name.json#81a2be
punctuation.separator.dictionary.pair.json, punctuation.separator.parameter.js, punctuation.separator.comma.js#8abeb7
punctuation.definition.array.begin.json, punctuation.definition.array.end.json#cc6666
meta.attribute.rust#BCC199

Shiki preview

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

Loading...

Hybyid Operator by poga - VS Code Theme