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#007acc
  • editor.background#2a2d2e
  • editor.foreground#fafafa
  • sideBarTitle.foreground#60B423

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E359EFitalic
variable, string constant.other.placeholder#9AEF59
constant.other.color#EF5988
invalid, invalid.illegal#EF9A59
keyword, storage.type, storage.modifier#52FF58
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#FFD452
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#FFB1FC
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#B7FFB1
meta.block variable.other#F66548
support.other.variable, string.other.link#7480FF
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#39D7C5
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#9876FF
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#7A45EE
support.type#B0EE45
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#00DE8D
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#FF62FF
variable.language#86C478italic
entity.name.method.js#9478C4italic
meta.class-method.js entity.name.function.js, variable.function.constructor#78C4B5
entity.other.attribute-name#C4787F
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#C4C478italic
entity.other.attribute-name.class#7E78C4
source.sass keyword.control#C4BB78
markup.inserted#C478A4
markup.deleted#3FBBBD
markup.changed#3FBD4E
string.regexp#B3BD3F
constant.character.escape#BD3F76
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#AECB98italic
source.js constant.other.object.key.js string.unquoted.label.js#CBB498italic
source.json meta.structure.dictionary.json support.type.property-name.json#9F98CB
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#B67565
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#B6659B
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#65B68A
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#7565B6
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#99FF00
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#00FF15
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#FFA600
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#FF0000
text.html.markdown, punctuation.definition.list_item.markdown#0008FF
text.html.markdown markup.inline.raw.markdown#FF00AA
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#6CFFBD
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#AA0056
markup.italic#BFFFFFitalic
markup.bold, markup.bold string#AACCCCbold
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#DDDDDDbold
markup.underline#DDDCCCunderline
markup.quote punctuation.definition.blockquote.markdown#665522
markup.quoteitalic
string.other.link.title.markdown#774455
string.other.link.description.title.markdown#119977
constant.other.reference.link.markdown#119977
markup.raw.block#C18AD9
markup.raw.block.fenced.markdown#8A97D9
punctuation.definition.fenced.markdown#60B652
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#CDB0C3
variable.language.fenced.markdown#B0CDB6
meta.separator#CACDB0bold
markup.table#CDB0BF