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#1E1E1E
  • activityBarBadge.background#E3655B
  • badge.background#D3424E
  • badge.foreground#EFE6E0
  • button.background#D3424E
  • button.hoverBackground#E84855
  • dropdown.background#F8EFE8
  • editor.background#F8EFE8
  • editor.foreground#221A00
  • editor.hoverHighlightBackground#E3645B80
  • editor.lineHighlightBackground#EFE6E0
  • editor.selectionBackground#E3655B50
  • editor.selectionHighlightBackground#E8485530
  • editor.wordHighlightBackground#FFFAFA
  • editor.wordHighlightStrongBackground#E8485590
  • editorGroupHeader.tabsBackground#EFE6E0
  • editorWidget.background#EFE6E0
  • focusBorder#D3424E
  • input.background#F8EFE8
  • list.activeSelectionBackground#D3424E
  • list.hoverBackground#FFFAFA
  • list.inactiveSelectionBackground#EADFD6
  • menu.background#F8EFE8
  • selection.background#E3655B60
  • sideBar.background#EFE6E0
  • sideBarSectionHeader.background#D9D0CB
  • sideBarTitle.foreground#121212
  • statusBar.background#D3424E
  • statusBar.debuggingBackground#E3655B
  • tab.activeBorder#D3424E
  • tab.inactiveBackground#EFE6E0
  • titleBar.activeBackground#1E1E1E
  • titleBar.activeForeground#D9D0CB
  • titleBar.inactiveBackground#1E1E1E
  • titleBar.inactiveForeground#707070
  • widget.shadow#00000040

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#565250italic
variable, meta.block variable.other, string constant.other.placeholder#4E6D25—
constant.other.color#11526C—
invalid, invalid.illegal#5F0010—
keyword#11526Citalic
keyword.control#11526Cbold
storage.modifier#004DA5—
storage.type#11526C—
punctation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded#11526C—
meta.tag, keyword.other.template, keyword.other.substitution#005751—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#4E6D25—
support.function, variable.function, keyword.other.special-method, meta.function-call, entity.name.function#865E14—
support.other.variable, string.other.link#7F393D—
constant.numeric#005751—
variable.parameter#6A4500—
constant.language, support.constant, constant.character, constant.escape#A74B00—
keyword.other.unit, keyword.other#005751—
string, constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#86352C—
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, entity.other.inherited-class#A74B00—
support.type#1a6abb—
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#5F0010—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#5F0010—
variable.language#892568italic
entity.name.method.js#3A4C74italic
meta.class-method.js entity.name.function.js, variable.function.constructor#3A4C74—
entity.other.attribute-name#683B84—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#865E14italic
entity.other.attribute-name.class#865E14—
entity.other.attribute-name.id#5b1a81—
markup.inserted#486C12—
markup.deleted#5F0010—
markup.changed#683B84—
string.regexp#7E008D—
constant.character.escape#11526C—
*url*, *link*, *uri*—underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#3A4C74italic
source.js constant.other.object.key.js string.unquoted.label.js#5F0010italic
entity.name.type.class.templated, entity.name.function.templated#865E14italic
variable.other.enummember#865E14—
entity.name.function.preprocessor#5b1a81italic
entity.name.label#5b1a81bold
variable.other.property#363b4ditalic
entity.name.function.member#865E14italic
entity.name.namespace#363b4ditalic bold
keyword.operator.new#683B84italic
source.json meta.structure.dictionary.json support.type.property-name.json#683B84—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#865E14—
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#344918—
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#5F0010—
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#3A4C74—
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#83198C—
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#7F393D—
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#683B84—
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#486C12—
text.html.markdown, punctuation.definition.list_item.markdown#121212—
text.html.markdown markup.inline.raw.markdown#683B84—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#65737E—
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#486C12—
markup.italic#7F393Ditalic
markup.bold, markup.bold string#7F393Dbold
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#7F393Dbold
markup.underline#344918underline
markup.quote punctuation.definition.blockquote.markdown#65737E—
markup.quote—italic
string.other.link.title.markdown#3A4C74—
string.other.link.description.title.markdown#683B84—
constant.other.reference.link.markdown#865E14—
markup.raw.block#683B84—
markup.raw.block.fenced.markdown#00000050—
punctuation.definition.fenced.markdown#00000050—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#121212—
variable.language.fenced.markdown#65737E—
meta.separator#65737Ebold
markup.table#121212—
Gamberetti Reborn by dSyncro - VS Code Theme