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
—#ccc—
comment#333940—
string#5AC480—
constant.numeric#ecf0f1—
constant.language#3498db—
constant.character, constant.other#9b59b6—
variable#559BD3—
keyword#ecf0f1—
storage#559BD3
storage.type#D85653—
entity.name.class#EFCC48underline
entity.other.inherited-class#ECD377—
entity.name.function#EFCC48—
variable.parameter#D85653—
entity.name.tag#687482
entity.other.attribute-name#687482
punctuation.definition.tag.begin, punctuation.definition.tag.end#687482—
support.function#559BD3
support.constant#559BD3
support.type, support.class#1abc9c—
support.other.variable#559BD3—
invalid#DE3932—
invalid.deprecated#DE3932—
meta.structure.dictionary.json string.quoted.double.json#ffffff—
meta.diff, meta.diff.header#75715E—
markup.deleted#e74c3c—
markup.inserted#1abc9c—
markup.changed#3498db—
constant.numeric.line-number.find-in-files - match#8FBE00A—
entity.name.filename.find-in-files#E6DB74—
keyword.other#ecf0f1—
meta.property-value, support.constant.property-value, constant.other.color#ffffff—
meta.structure.dictionary.json string.quoted.double.json#8C8C8C—
meta.structure.dictionary.value.json string.quoted.double.json#ffffff—
meta.property-name support.type.property-name—normal
meta.property-value punctuation.separator.key-value#B0B0B0—
keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit, keyword.other.use-as#C4C4C4—
meta.use support.class.builtin, meta.other.inherited-class support.class.builtin#EFCC48normal
variable.other#E75F64normal
variable.parameter.function.coffee#B0B0B0italic
entity.name.section.markdown#8C8C8C—
punctuation.definition.heading.markdown#eeeeee—
markup.raw.inline.markdown#ffffff—
punctuation.definition.bold.markdown, punctuation.definition.italic.markdown#eeeeee—
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown#eeeeee—
punctuation.definition.metadata.markdown#eeeeee—
markup.underline.link.markdown, markup.underline.link.image.markdown, meta.image.inline.markdown#C4C4C4italic
markup.bold.markdown, markup.italic.markdown#C4C4C4—
markup.italic.markdown—italic
markup.bold.markdown—bold
markup.raw.block.markdown#00a8c6—
markup.deleted.git_gutter#e74c3c—
markup.inserted.git_gutter#1abc9c—
markup.changed.git_gutter#f1c40f—
entity.other.attribute-name.class.css#ECD377—