Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBarBadge.background#7700cc
  • editor.background#373737
  • editor.foreground#c5c8c6
  • editor.lineHighlightBorder#b0b0b0
  • scrollbar.background#666666
  • scrollbarSlider.background#4d3084
  • sideBarTitle.foreground#8730dc

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#888888
variable, string constant.other.placeholder#c5c8c6
constant.other.color#c5c8c6
invalid, invalid.illegal#FF5370
keyword, storage.type, storage.modifier#c5c8c6
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution#c5c8c6
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#c5c8c6
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#c5c8c6
meta.block variable.other#c5c8c6
support.other.variable, string.other.link#c5c8c6
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#c5c8c6
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#c5ffc6
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#c5c8c6
support.type#c5c8c6
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name#c5c8c6
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#c5c8c6
variable.language#c5c8c6
entity.name.method.js#c5c8c6
meta.class-method.js entity.name.function.js, variable.function.constructor#c5c8c6
entity.other.attribute-name#c5c8c6
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#c5c8c6
entity.other.attribute-name.class#c5c8c6
source.sass keyword.control#c5c8c6
markup.inserted#C3E88D
markup.deleted#FF5370
markup.changed#C792EA
string.regexp#c5c8c6
constant.character.escape#b5b7ff
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#c5c8c6
source.js constant.other.object.key.js string.unquoted.label.js#c5c8c6
source.json meta.structure.dictionary.json support.type.property-name.json#c5c8c6
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#c5c8c6
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#c5c8c6
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#c5c8c6
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#c5c8c6
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#c5c8c6
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#c5c8c6
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#c5c8c6
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#c5c8c6
text.html.markdown, punctuation.definition.list_item.markdown#c5c8c6
text.html.markdown markup.inline.raw.markdown#c5c8c6
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#c5c8c6
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#9543d5
markup.italic#c5c8c6italic
markup.bold, markup.bold string#c5c8c6bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#c5c8c6bold
markup.underline#c5c8c6underline
markup.quote punctuation.definition.blockquote.markdown#c5c8c6
markup.quote
string.other.link.title.markdown#c5c8c6
string.other.link.description.title.markdown#c5c8c6
constant.other.reference.link.markdown#c5c8c6
markup.raw.block#c5c8c6
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#c5c8c6
variable.language.fenced.markdown#c5c8c6
meta.separator#c5c8c6
markup.table#c5c8c6