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
#c8c7d5
comment#505067
string#a6fa62
constant.numeric#a6fa62
constant.language#7873ae
constant.character, constant.other#7873ae
variable
keyword#7873ae
storage#7873ae
storage.type#585480
entity.name.class#7873aeunderline
entity.other.inherited-class#7873aeitalic underline
entity.name.function#ffffff
variable.parameteritalic
entity.name.tag#585480
entity.other.attribute-name#7873ae
support.function#a6fa62
support.constant#7873ae
support.type, support.class#7873aeitalic
support.other.variable
invalid#f8f8f0
invalid.deprecated#f8f8f0
meta.structure.dictionary.json string.quoted.double.json#a6fa62
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#5d5d76
meta.property-value, support.constant.property-value, constant.other.color#a6fa62
meta.structure.dictionary.json string.quoted.double.json#7873ae
meta.structure.dictionary.value.json string.quoted.double.json#a6fa62
meta.property-name support.type.property-namenormal
meta.property-value punctuation.separator.key-value#c8c7d5
keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit, keyword.other.use-as#585480
meta.use support.class.builtin, meta.other.inherited-class support.class.builtin#c8c7d5normal
variable.othernormal
variable.parameter.function.coffee#a6fa62italic
entity.name.section.markdown#7873ae
punctuation.definition.heading.markdown#7873ae
markup.raw.inline.markdown#a6fa62
punctuation.definition.bold.markdown, punctuation.definition.italic.markdown#7873ae
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown#7873ae
punctuation.definition.metadata.markdown#7873ae
markup.underline.link.markdown, markup.underline.link.image.markdown, meta.image.inline.markdown#585480italic
markup.bold.markdown, markup.italic.markdown#585480
markup.italic.markdownitalic
markup.bold.markdownbold
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#ffffff