Skip to main content
Coding Theme

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#DDDDDD
text, source
comment#556552italic
string#93E5C0
constant.numeric#93E5C0
constant.language#69A1C8
constant.character#617CC3
constant.other#DDDDDD
variable.parameter, meta.function.arguments variable.other#DDDDDD
variable.other#DDDDDDnormal
variable.other.property#DDDDDD
variable.language#96C2E1
variable.language.this.js#DDDDDDunderline
keyword.control#69A1C8
keyword.operator#69A1C8
storage, meta.include#4581AB
storage.type.function.arrow.js, storage.type.function.js#69A1C8bold
entity.name.class, entity.name.type.class, support.type, support.class#DDDDDDnormal
support.class.component.js#FFC77Eitalic
entity.other.inherited-class#BBBBBB
meta.function-call#FFC77Eitalic
entity.name.function, support.function#FFC77E
support.constant#DDDDDD
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#96C2E1italic
entity.other.attribute-name.class.css#DDDDDD
source.css.embedded.html
source.js.embedded.html
entity.name.section.markdown#DDDDDD
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#DDDDDD
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#93E5C0
meta.structure.dictionary.value.json string.quoted.double.json#93E5C0

Shiki preview

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

Loading...

x4-alpha Theme - Coding Theme