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
—#e3e2e0—
comment#777777—
string#3bc7b8—
constant.numeric#CE1836—
constant.language#3bc7b8—
constant.character, constant.other#3bc7b8—
variable—
keyword#EDB92E—
storage#3bc7b8
storage.type#FF4E50
entity.name.class#3bc7b8underline
entity.other.inherited-class#3bc7b8italic underline
entity.name.function#c3cb4c
variable.parameteritalic
entity.name.tag#FF4E50
entity.other.attribute-name#3bc7b8
support.function#F85931
support.constant#3bc7b8
support.type, support.class#3bc7b8italic
support.other.variable—
invalid#f8f8f0
invalid.deprecated#f8f8f0—
meta.structure.dictionary.json string.quoted.double.json#3bc7b8—
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#9b9b9b—
meta.property-value, support.constant.property-value, constant.other.color#3bc7b8—
meta.structure.dictionary.json string.quoted.double.json#3bc7b8—
meta.structure.dictionary.value.json string.quoted.double.json#3bc7b8—
meta.property-name support.type.property-name—normal
meta.property-value punctuation.separator.key-value#e3e2e0—
keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit, keyword.other.use-as#FF4E50—
meta.use support.class.builtin, meta.other.inherited-class support.class.builtin#e3e2e0normal
variable.othernormal
variable.parameter.function.coffee#CE1836italic
entity.name.section.markdown#3bc7b8—
punctuation.definition.heading.markdown#EDB92E—
markup.raw.inline.markdown#3bc7b8—
punctuation.definition.bold.markdown, punctuation.definition.italic.markdown#EDB92E—
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown#EDB92E—
punctuation.definition.metadata.markdown#EDB92E—
markup.underline.link.markdown, markup.underline.link.image.markdown, meta.image.inline.markdown#FF4E50italic
markup.bold.markdown, markup.italic.markdown#FF4E50—
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#c3cb4c—