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#92646e
  • editor.background#18171a
  • editor.findMatchBackground#5c565080
  • editor.findMatchHighlightBackground#5c565080
  • editor.foreground#c999a8
  • editor.hoverHighlightBackground#262529
  • editor.selectionBackground#3b383f
  • editor.selectionHighlightBackground#262529
  • editor.wordHighlightBackground#262529
  • editor.wordHighlightStrongBackground#343238
  • sideBarTitle.foreground#dbdbdb
  • statusBar.background#755058
  • statusBar.debuggingBackground#755058
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#000000
  • statusBar.noFolderBackground#755058

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#807e7ec4italic
meta.brace.round#d8bda1
variable, string constant.other.placeholder#9c9c9c
constant.other.color#c999a8
invalid, invalid.illegal#7a5555
keyword, storage.type, storage.modifier#d8bda1
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#d8bda1
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#b3959c
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#619bb6d3
meta.block variable.other#c999a8
support.other.variable, string.other.link#c999a8
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#9ebdc7
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#9c9c9c
entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#d39673
support.type#698aa0
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#52849bc4
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#52849bc4
variable.language#bdbbbbitalic
entity.name.method.js#52849bc4italic
meta.class-method.js entity.name.function.js, variable.function.constructor#52849bc4
entity.other.attribute-name#52849bc4
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#52849bc4italic
entity.other.attribute-name.class#bdbbbb
source.sass keyword.control#bdbbbb
markup.inserted#bdbbbb
markup.deleted#bdbbbb
markup.changed#bdbbbb
string.regexp#bdbbbb
constant.character.escape#bdbbbb
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#a5b3d1italic
source.js constant.other.object.key.js string.unquoted.label.js#e7c0c7italic
source.json meta.structure.dictionary.json support.type.property-name.json#619bb6d3
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#c999a8
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#eecea5
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#829fb6
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#C17E70
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#4361a1
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#c0a5ca
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#d6d58a
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#76aca4
text.html.markdown, punctuation.definition.list_item.markdown#9c9c9c
text.html.markdown markup.inline.raw.markdown#9c9c9c
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#9c9c9c
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#619bb6d3
markup.italic#8da5d3italic
markup.bold, markup.bold string#619bb6d3bold
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#276f91d3bold
markup.underline#eecea5underline
markup.quote punctuation.definition.blockquote.markdown#daa7b7
markup.quoteitalic
string.other.link.title.markdown#d39673
string.other.link.description.title.markdown#cfa891
constant.other.reference.link.markdown#cfa891
markup.raw.block#c999a8
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#bdbbbb
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#bdbbbb