Skip to main content
CodingTheme

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
#CBD8EB
text, source
comment#556552
string#A0E4A3
constant.numeric#73B8E1
constant.language#6897E9
constant.character#617CC3
constant.other#FFFFFF
variable.parameter, meta.function.arguments variable.other#A3ABBD
variable.other#D8DFE7
variable.other.property#B7BED1
variable.language#69A1C8
keyword.control#69A1C8
keyword.operator#678396
storage, meta.include#228ECC
entity.name.class, entity.name.type.class, support.type, support.class#FFFFFF
entity.other.inherited-class#BBBBBB
entity.name.function, support.function, meta.function-call#8CB5CC
support.constant#ffffff
meta.property-name support.type.property-name#8CB5CC
meta.property-value punctuation.separator.key-value#A3ABBD
keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit, keyword.other.use-as#8CB5CC
meta.use support.class.builtin, meta.other.inherited-class support.class.builtin#A3ABBD
source.php.embedded punctuation.section.embedded.begin, source.php.embedded punctuation.section.embedded.end#C92828
source.php.embedded.line, source.php.embedded.line string
source.php.embedded meta.string-contents variable, source.php.embedded meta.string-contents punctuation.definition.variable#CCCCCC
source.sql.embedded.php, keyword.other.DML, support.function.aggregate.sql#CCCCCC
source.sql.embedded.php string.quoted punctuation, source.sql.embedded.php string.quoted variable, source.sql.embedded.php string.quoted meta#CCCCCC
entity.name.tag#4E99C9
entity.other.attribute-name#CCCCCC
entity.other.attribute-name.class.css#ffffff
source.css.embedded.html
source.js.embedded.html
entity.name.section.markdown#ffffff
punctuation.definition.heading.markdown#748aa6
markup.raw.inline.markdown#6ee2ff
punctuation.definition.bold.markdown, punctuation.definition.italic.markdown#748aa6
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown#748aa6
punctuation.definition.metadata.markdown#748aa6
markup.underline.link.markdown, markup.underline.link.image.markdown, meta.image.inline.markdown#267fb5italic
markup.bold.markdown, markup.italic.markdown#267fb5
markup.italic.markdownitalic
markup.bold.markdownbold
markup.raw.block.markdown#00a8c6
sublimelinter.mark.warning#DDB700
sublimelinter.mark.error#D02000
sublimelinter.gutter-mark#FFFFFF
invalid#f8f8f0
invalid.deprecated#f8f8f0
meta.structure.dictionary.json string.quoted.double.json#6ee2ff
meta.diff, meta.diff.header#75715E
markup.deleted#00A8C6
markup.inserted#A6E22E
markup.changed#D8D482
constant.numeric.line-number.find-in-files - match#88B00EA0
entity.name.filename.find-in-files#D8D482
keyword.other#58646E
meta.property-value, support.constant.property-value, constant.other.color#80A3B4
meta.structure.dictionary.json string.quoted.double.json#ffffff
meta.structure.dictionary.value.json string.quoted.double.json#80A3B4

Shiki preview

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

Loading...