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#EDE574
constant.numeric#FF4E50
constant.language#FF4E50
constant.character, constant.other#FF4E50
variable
keyword#FF4E50
storage#FF4E50
storage.type#FC913A
entity.name.class#FF4E50underline
entity.other.inherited-class#FF4E50italic underline
entity.name.function#EDE574
variable.parameteritalic
entity.name.tag#FC913A
entity.other.attribute-name#FF4E50
support.function#FC913A
support.constant#FF4E50
support.type, support.class#FF4E50italic
support.other.variable
invalid#f8f8f0
invalid.deprecated#f8f8f0
meta.structure.dictionary.json string.quoted.double.json#EDE574
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#EDE574
meta.structure.dictionary.json string.quoted.double.json#FF4E50
meta.structure.dictionary.value.json string.quoted.double.json#EDE574
meta.property-name support.type.property-namenormal
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#FC913A
meta.use support.class.builtin, meta.other.inherited-class support.class.builtin#e3e2e0normal
variable.othernormal
variable.parameter.function.coffee#FF4E50italic
entity.name.section.markdown#FF4E50
punctuation.definition.heading.markdown#FF4E50
markup.raw.inline.markdown#EDE574
punctuation.definition.bold.markdown, punctuation.definition.italic.markdown#FF4E50
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown#FF4E50
punctuation.definition.metadata.markdown#FF4E50
markup.underline.link.markdown, markup.underline.link.image.markdown, meta.image.inline.markdown#FC913Aitalic
markup.bold.markdown, markup.italic.markdown#FC913A
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#EDE574