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-namenormal
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.markdownitalic
markup.bold.markdownbold
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