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
—#F8F8F2—
comment#7A7267—
string#F8BB39—
constant.numeric#F8BB39—
constant.language#1F8181—
constant.character, constant.other#1F8181—
variable—
keyword#F2BC79—
storage#1F8181
storage.type#F2BC79
entity.name.class#1F8181underline
entity.other.inherited-class#1F8181italic underline
entity.name.function#F28972
variable.parameteritalic
entity.name.tag#F2BC79
entity.other.attribute-name#1F8181
support.function#F55D79
support.constant#1F8181
support.type, support.class#1F8181italic
support.other.variable—
invalid#f8f8f0
invalid.deprecated#f8f8f0—
meta.structure.dictionary.json string.quoted.double.json#F8BB39—
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#a09688—
meta.property-value, support.constant.property-value, constant.other.color#F8BB39—
meta.structure.dictionary.json string.quoted.double.json#1F8181—
meta.structure.dictionary.value.json string.quoted.double.json#F8BB39—
meta.property-name support.type.property-name—normal
meta.property-value punctuation.separator.key-value#F8F8F2—
keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit, keyword.other.use-as#F2BC79—
meta.use support.class.builtin, meta.other.inherited-class support.class.builtin#F8F8F2normal
variable.othernormal
variable.parameter.function.coffee#F8BB39italic
entity.name.section.markdown#1F8181—
punctuation.definition.heading.markdown#F2BC79—
markup.raw.inline.markdown#F8BB39—
punctuation.definition.bold.markdown, punctuation.definition.italic.markdown#F2BC79—
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown#F2BC79—
punctuation.definition.metadata.markdown#F2BC79—
markup.underline.link.markdown, markup.underline.link.image.markdown, meta.image.inline.markdown#F2BC79italic
markup.bold.markdown, markup.italic.markdown#F2BC79—
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#F28972—