Skip to main content
Coding Theme

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
—#aec2e0—
comment#324357—
string#FF410D—
constant.numeric#C7F026—
constant.language#ffffff—
constant.character, constant.other#ffffff—
variable—
keyword#748aa6—
storage#ffffff
storage.type#267fb5
entity.name.class#ffffffunderline
entity.other.inherited-class#ffffffitalic underline
entity.name.function#FFB20D
variable.parameter#f1f6fbitalic
entity.name.tag#267fb5
entity.other.attribute-name#ffffff
support.function#267fb5
support.constant#ffffff
support.type, support.class#ffffffitalic
support.other.variable—
invalid#f8f8f0
invalid.deprecated#f8f8f0—
meta.structure.dictionary.json string.quoted.double.json#FF410D—
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—
keyword.other#4d6785—
meta.property-value, support.constant.property-value, constant.other.color#FF410D—
meta.structure.dictionary.json string.quoted.double.json#ffffff—
meta.structure.dictionary.value.json string.quoted.double.json#FF410D—
meta.property-name support.type.property-name—normal
meta.property-value punctuation.separator.key-value#aec2e0—
keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit, keyword.other.use-as#267fb5—
meta.use support.class.builtin, meta.other.inherited-class support.class.builtin#aec2e0normal
variable.other#f1f6fbnormal
variable.parameter.function.coffee#C7F026italic
entity.name.section.markdown#ffffff—
punctuation.definition.heading.markdown#748aa6—
markup.raw.inline.markdown#FF410D—
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.markdown—italic
markup.bold.markdown—bold
markup.raw.block.markdown#00a8c6—
markup.deleted.git_gutter#e61f44—
markup.inserted.git_gutter#a7da1e—
markup.changed.git_gutter#f7b83d—
entity.other.attribute-name.class.css#FFB20D—