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#0e0f15
  • activityBarBadge.background#0e0f15
  • editor.background#0e0f15
  • editor.foreground#ffffff
  • editor.selectionBackground#ffffff1f
  • editor.selectionHighlightBackground#0e0f15
  • editor.wordHighlightBackground#31334088
  • editor.wordHighlightStrongBackground#31334088
  • editorBracketMatch.background#bb70e3
  • editorBracketMatch.border#0e0f15
  • editorCursor.foreground#dbdbdb
  • editorGroupHeader.border#0e0f15
  • editorGroupHeader.noTabsBackground#0e0f15
  • editorGroupHeader.tabsBackground#0e0f15
  • editorIndentGuide.activeBackground#ffffff
  • editorOverviewRuler.border#0e0f15
  • list.activeSelectionBackground#ffffff1f
  • list.hoverBackground#ffffff1f
  • list.inactiveSelectionBackground#0e0f15
  • sideBar.background#0e0f15
  • sideBarSectionHeader.background#0e0f15
  • statusBar.background#0e0f15
  • tab.activeBackground#0e0f15
  • tab.border#0e0f15
  • tab.inactiveBackground#0e0f15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#fb8fdditalic
variable, string constant.other.placeholder#13e47c—
constant.other.color#dbdbdb—
invalid, invalid.illegal#bb70e3—
keyword, storage.type, storage.modifier#bb70e3—
constant.other.color, 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#dbdbdb—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#bb70e3—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#f4f268—
meta.block variable.other#fb8fdd—
support.other.variable, string.other.link#bb70e3—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#fb8fdd—
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#13e47c—
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#fb8fdd—
support.type#11eb7e—
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#13e47c—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#bb70e3—
variable.language#bb70e3italic
entity.name.method.js#f4f268italic
meta.class-method.js entity.name.function.js, variable.function.constructor#f4f268—
entity.other.attribute-name#fb8fdd—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#fb8fdditalic
entity.other.attribute-name.class#fb8fdd—
source.sass keyword.control#f4f268—
markup.inserted#f4f268—
markup.deleted#bb70e3—
markup.changed#fb8fdd—
string.regexp#fb8fdd—
constant.character.escape#fb8fdd—
*url*, *link*, *uri*—underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#f4f268italic
source.js constant.other.object.key.js string.unquoted.label.js#bb70e3italic
source.json meta.structure.dictionary.json support.type.property-name.json#fb8fdd—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#fb8fdd—
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#fb8fdd—
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#bb70e3—
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#bb70e3—
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#f4f268—
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#bb70e3—
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#fb8fdd—
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#f4f268—
text.html.markdown, punctuation.definition.list_item.markdown#ffffff—
text.html.markdown markup.inline.raw.markdown#fb8fdd—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#fb8fdd—
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#f4f268—
markup.italic#bb70e3italic
markup.bold, markup.bold string#bb70e3bold
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#bb70e3bold
markup.underline#fb8fddunderline
markup.quote punctuation.definition.blockquote.markdown#fb8fdd—
markup.quote—italic
string.other.link.title.markdown#f4f268—
string.other.link.description.title.markdown#fb8fdd—
constant.other.reference.link.markdown#fb8fdd—
markup.raw.block#fb8fdd—
markup.raw.block.fenced.markdown#ffffff1f—
punctuation.definition.fenced.markdown#ffffff1f—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#13e47c—
variable.language.fenced.markdown#fb8fdd—
meta.separator#fb8fddbold
markup.table#13e47c—
Gummy Boogie Theme by ErickDevv - VS Code Theme