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.

  • activityBar.background#F2DDEB
  • activityBar.foreground#5B3768
  • activityBarBadge.background#CC65FF
  • activityBarBadge.foreground#FFF7FB
  • breadcrumb.foreground#7A687F
  • button.background#CC65FF
  • button.foreground#FFF7FB
  • editor.background#FFF7FB
  • editor.foreground#35263D
  • editor.selectionBackground#E8C4F4
  • focusBorder#FD4200
  • gitDecoration.ignoredResourceForeground#5D7F76
  • icon.foreground#6F5D75
  • input.background#F9EAF4
  • input.foreground#35263D
  • input.placeholderForeground#8A748F
  • list.hoverBackground#F0D8EA
  • menu.background#FFF7FB
  • menu.foreground#35263D
  • menu.selectionBackground#F0D8EA
  • menu.selectionForeground#8117C7
  • sideBar.background#F7EAF3
  • sideBar.foreground#4B3A52
  • sideBarTitle.foreground#B54800
  • statusBar.background#E9C6DD
  • statusBar.foreground#35263D
  • tab.activeBorderTop#FD4200
  • tab.activeForeground#8117C7
  • tab.hoverForeground#FD4200
  • tab.inactiveForeground#7A687F
  • terminal.ansiBlack#35263D
  • terminal.ansiBlue#256D85
  • terminal.ansiBrightBlack#8A748F
  • terminal.ansiBrightBlue#2B7F9F
  • terminal.ansiBrightCyan#2A8C7A
  • terminal.ansiBrightGreen#4F7A1F
  • terminal.ansiBrightMagenta#9F3BBF
  • terminal.ansiBrightRed#B13A85
  • terminal.ansiBrightWhite#FFF7FB
  • terminal.ansiBrightYellow#B54800
  • terminal.ansiCyan#347F73
  • terminal.ansiGreen#5D7F16
  • terminal.ansiMagenta#8117C7
  • terminal.ansiRed#B13A85
  • terminal.ansiWhite#F2DDEB
  • terminal.ansiYellow#9A4A00
  • terminal.background#FFF7FB
  • terminal.foreground#35263D
  • terminal.selectionBackground#E8C4F4
  • terminalCursor.background#35263D
  • terminalCursor.foreground#35263D
  • titleBar.activeBackground#F2DDEB
  • titleBar.activeForeground#35263D

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8A748Fitalic
variable, string constant.other.placeholder#35263D
constant.other.color#35263D
invalid, invalid.illegal#B00020
keyword, storage.type, storage.modifier#8117C7
keyword.control, constant.other.color, punctuation, 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#8117C7
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#B13A85
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#B54800italic
meta.block variable.other#35263D
support.other.variable, string.other.link#A93F55
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#9A4A00italic
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#256D85
string#7A5A00
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#B13A85
support.type#8F3FA8italic
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#A93F55italic
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#A93F55
variable.language#A93F55italic
entity.name.method.js#256D85italic
meta.class-method.js entity.name.function.js, variable.function.constructor#256D85
entity.other.attribute-name#347F73italic
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#5B3768italic
entity.other.attribute-name.class#8117C7
source.sass keyword.control#B54800
markup.inserted#4F7A1F
markup.deleted#A93F55
markup.changed#8F3FA8
string.regexp#2B7F9F
constant.character.escape#2B7F9F
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#256D85italic
source.js constant.other.object.key.js string.unquoted.label.js#A93F55italic
source.json meta.structure.dictionary.json support.type.property-name.json#8F3FA8
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#9A4A00
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#B54800
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#A93F55
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#8A4E40
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#256D85
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#A93F55
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#8F3FA8
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#4F7A1F
text.html.markdown, punctuation.definition.list_item.markdown#35263D
text.html.markdown markup.inline.raw.markdown#8F3FA8
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#8A748F
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#4F7A1F
markup.italic#A93F55italic
markup.bold, markup.bold string#A93F55bold
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#A93F55bold
markup.underline#B54800underline
markup.quote punctuation.definition.blockquote.markdown#8A748F
markup.quoteitalic
string.other.link.title.markdown#256D85
string.other.link.description.title.markdown#8F3FA8
constant.other.reference.link.markdown#9A4A00
markup.raw.block#8F3FA8
markup.raw.block.fenced.markdown#8A748F
punctuation.definition.fenced.markdown#8A748F
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#35263D
variable.language.fenced.markdown#8A748F
meta.separator#8A748Fbold
markup.table#35263D
Yotei Theme by Zenky - VS Code Theme