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#0a080e
  • activityBar.foreground#D4B8FF
  • activityBar.inactiveForeground#C4B0E888
  • activityBarBadge.background#445EF2
  • activityBarBadge.foreground#F2F2F2
  • editor.background#0e0c12
  • editor.foreground#F2F2F2
  • editor.inactiveSelectionBackground#445EF238
  • editor.lineHighlightBackground#445EF238
  • editor.selectionBackground#445EF262
  • editorCursor.foreground#D4B8FF
  • editorLineNumber.activeForeground#F2F2F2
  • editorLineNumber.foreground#C4BEE6
  • panel.background#0a080e
  • panel.border#1a1524
  • panelInput.border#445EF255
  • panelTitle.activeForeground#F2F2F2
  • panelTitle.inactiveForeground#D4C4FFCC
  • sideBar.background#0a080e
  • sideBar.foreground#F2F2F2
  • sideBarTitle.foreground#D4B8FF
  • statusBar.background#0a080e
  • statusBar.debuggingBackground#0a080e
  • statusBar.debuggingForeground#F2F2F2
  • statusBar.foreground#F2F2F2
  • statusBar.noFolderBackground#0a080e
  • statusBar.noFolderForeground#F2F2F2
  • statusBarItem.activeForeground#FFFFFF
  • statusBarItem.errorForeground#F2F2F2
  • statusBarItem.hoverForeground#FFFFFF
  • statusBarItem.prominentForeground#F2F2F2
  • statusBarItem.remoteForeground#F2F2F2
  • statusBarItem.warningForeground#D4B8FF
  • tab.activeBackground#0e0c12
  • tab.activeBorder#D4B8FF
  • tab.activeForeground#F2F2F2
  • tab.inactiveBackground#0a080e
  • tab.inactiveForeground#D4C4FFCC
  • titleBar.activeBackground#0a080e
  • titleBar.activeForeground#F2F2F2
  • titleBar.inactiveBackground#0a080e
  • titleBar.inactiveForeground#D4B8FF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B8A8D8italic
variable, string constant.other.placeholder#7BA3FF
constant.other.color#F2F2F2
invalid, invalid.illegal#FF7B9D
keyword, storage.type, storage.modifier#DCC4FF
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#8EB8FF
entity.name.tag, meta.tag.sgml#9BB8FF
markup.deleted.git_gutter#FF7B9D
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#F2F2F2
meta.block variable.other#445EF2
support.other.variable, string.other.link#D4B8FF
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#D4B8FF
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#F2F2F2
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#D4B8FF
support.type#445EF2
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#445EF2
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#D4B8FF
variable.language#D4B8FFitalic
entity.name.method.js#F2F2F2italic
meta.class-method.js entity.name.function.js, variable.function.constructor#F2F2F2
entity.other.attribute-name#D4B8FF
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#D4B8FFitalic
entity.other.attribute-name.class#D4B8FF
source.sass keyword.control#445EF2
markup.inserted#445EF2
markup.deleted#D4B8FF
markup.changed#D4B8FF
string.regexp#445EF2
constant.character.escape#445EF2
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#445EF2italic
source.js constant.other.object.key.js string.unquoted.label.js#D4B8FFitalic
source.json meta.structure.dictionary.json support.type.property-name.json#D4B8FF
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#D4B8FF
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#D4B8FF
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#D4B8FF
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#445EF2
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#F2F2F2
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#D4B8FF
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#D4B8FF
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#445EF2
text.html.markdown, punctuation.definition.list_item.markdown#F2F2F2
text.html.markdown markup.inline.raw.markdown#D4B8FF
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#B8A8D8CC
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#445EF2
markup.italic#D4B8FFitalic
markup.bold, markup.bold string#D4B8FFbold
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#D4B8FFbold
markup.underline#D4B8FFunderline
markup.quote punctuation.definition.blockquote.markdown#B8A8D8CC
markup.quoteitalic
string.other.link.title.markdown#445EF2
string.other.link.description.title.markdown#D4B8FF
constant.other.reference.link.markdown#D4B8FF
markup.raw.block#D4B8FF
markup.raw.block.fenced.markdown#445EF244
punctuation.definition.fenced.markdown#445EF244
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#F2F2F2
variable.language.fenced.markdown#B8A8D8CC
meta.separator#B8A8D8CCbold
markup.table#F2F2F2
entity.name.tag.yaml, support.type.property-name.yaml, punctuation.support.type.property-name.begin.yaml, punctuation.support.type.property-name.end.yaml#B0CAFF
punctuation.separator.key-value.mapping.yaml, punctuation.definition.block.sequence.item.yaml, punctuation.definition.mapping.begin.yaml, punctuation.definition.mapping.end.yaml, punctuation.definition.sequence.begin.yaml, punctuation.definition.sequence.end.yaml#9DC0FF
string.unquoted.plain.out.yaml, string.quoted.single.yaml, string.quoted.double.yaml, string.unquoted.yaml#F2F2F2