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
#CBC9C9
comment, comment.markup.link, comment.markup.link#4F4F59
constant, constant.other.symbol#8FCEC8
constant.numeric, constant.other.color#C2A1CA
constant.language#87B2CE
constant.character.escape#F0A06F
constant.other.placeholder#F0A06F
constant.variable#CBC9C9
entity.name.function#85C1D3
entity.name.class, entity.name.type.class#8FCEC8
entity.name.section#87B2CE
entity.name.tag#87B2CE
entity.name.type#8FCEC8
entity.other.inherited-class#8FCEC8 bold
entity.other.attribute-name#8FCEC8
invalid.deprecated#FDCE84 underline
invalid.illegal#CBC9C9
keyword#87B2CE
keyword.control#87B2CE
operator#87B2CE
keyword.other.special-method#85C1D3 italic
keyword.other.unit#87B2CE
markup.bold bold
markup.changed#FDCE84
markup.deleted#E07473
markup.italic italic
markup.heading#85C1D3
markup.heading marker#87B2CE
markup.heading punctuation.definition.heading#85C1D3
markup.link
markup.quote#ECEEEF
markup.raw#8FCEC8
punctuation#CBC9C9
punctuation.definition, punctuation.definition.array, punctuation.definition.function-parameters, punctuation.definition.method-parameters, punctuation.definition.parameters, punctuation.definition.separator, punctuation.definition.seperator#CBC9C9
punctuation.definition.bold bold
punctuation.definition.comment#4F4F59
punctuation.definition.heading, punctuation.definition.identity#85C1D3
punctuation.definition.italic italic
punctuation.definition.tag#87B2CE
punctuation.section.embedded#87B2CE
punctuation.section.class, punctuation.section.inner-class, punctuation.section.method#8FCEC8
storage#5B81AF
storage.modifier.import, storage.modifier.package#8FCEC8
storage.type.annotation, storage.type.primitive#87B2CE
string#C9CC78
punctuation.definition.string#CBC9C9
string.regexp, string.regexp source.ruby.embedded#FDCE84
string.unquoted#CBC9C9
support.class#8FCEC8
support.function#85C1D3
support.function.any-method#85C1D3
support.type#8FCEC8
underline underline
variable#CBC9C9
variable.interpolation#CBC9C9 italic
variable.language#87B2CE
variable.parameter#CBC9C9
source.js.jsx variable.other.class#8FCEC8
source.css.less mixin#85C1D3
source.json meta.structure.dictionary.json string.quoted.json#8FCEC8
source.json meta.structure.dictionary.json punctuation.string#CBC9C9
meta.structure.dictionary.json meta.structure.array.json constant.language.json#87B2CE
meta.structure.dictionary.json meta.structure.array.json constant.language.json#87B2CE
meta.structure.dictionary.json meta.structure.array.json value.json string.quoted.json#C9CC78
meta.structure.dictionary.json meta.structure.array.json value.json string.quoted.json punctuation#CBC9C9

Shiki preview

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

Loading...

Northem Dark by zouhir - VS Code Theme