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
—#EDEBE6—
comment#354341—
string#a1e6c1—
constant.numeric#a1e6c1—
constant.language#95C72A—
constant.character, constant.other#95C72A—
variable—
keyword#229986—
storage#95C72A
storage.type#229986
entity.name.class#95C72Aunderline
entity.other.inherited-class#95C72Aitalic underline
entity.name.function#0B6D5C
variable.parameter#EDEBE6italic
entity.name.tag#229986
entity.other.attribute-name#95C72A
support.function#95C72A
support.constant#95C72A
support.type, support.class#95C72Aitalic
support.other.variable—
invalid#f8f8f0
invalid.deprecated#f8f8f0—
meta.structure.dictionary.json string.quoted.double.json#a1e6c1—
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#5b7a75—
meta.property-value, support.constant.property-value, constant.other.color#a1e6c1—
meta.structure.dictionary.json string.quoted.double.json#95C72A—
meta.structure.dictionary.value.json string.quoted.double.json#a1e6c1—
meta.property-name support.type.property-name—normal
meta.property-value punctuation.separator.key-value#EDEBE6—
keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit, keyword.other.use-as#229986—
meta.use support.class.builtin, meta.other.inherited-class support.class.builtin#EDEBE6normal
variable.other#EDEBE6normal
variable.parameter.function.coffee#a1e6c1italic
entity.name.section.markdown#95C72A—
punctuation.definition.heading.markdown#229986—
markup.raw.inline.markdown#a1e6c1—
punctuation.definition.bold.markdown, punctuation.definition.italic.markdown#229986—
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown#229986—
punctuation.definition.metadata.markdown#229986—
markup.underline.link.markdown, markup.underline.link.image.markdown, meta.image.inline.markdown#229986italic
markup.bold.markdown, markup.italic.markdown#229986—
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#0B6D5C—