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#2E221F
  • activityBar.border#ffffff15
  • activityBar.foreground#A067E9
  • activityBar.inactiveForeground#F3EEF460
  • activityBarBadge.background#A067E9
  • activityBarBadge.foreground#2E221F
  • button.background#A067E9
  • button.foreground#2E221F
  • button.hoverBackground#A067E9dd
  • editor.background#2E221F
  • editor.foreground#F3EEF4
  • editor.inactiveSelectionBackground#BA79EC3580
  • editor.lineHighlightBackground#201B1840
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#BA79EC35
  • editorCursor.foreground#A067E9
  • editorGroupHeader.tabsBackground#2E221Fdd
  • editorLineNumber.activeForeground#A067E9
  • editorLineNumber.foreground#A6B49A80
  • focusBorder#A067E9
  • foreground#F3EEF4
  • input.background#201B18
  • input.border#ffffff15
  • input.foreground#F3EEF4
  • input.placeholderForeground#F3EEF460
  • list.activeSelectionBackground#A067E930
  • list.activeSelectionForeground#F3EEF4
  • list.highlightForeground#A067E9
  • list.hoverBackground#201B1840
  • list.hoverForeground#F3EEF4
  • list.inactiveSelectionBackground#A067E915
  • list.inactiveSelectionForeground#F3EEF4
  • selection.background#BA79EC35
  • sideBar.background#201B18
  • sideBar.border#ffffff15
  • sideBar.foreground#F3EEF4
  • sideBarSectionHeader.background#2E221F80
  • sideBarSectionHeader.foreground#F3EEF4
  • sideBarTitle.foreground#A067E9
  • statusBar.background#2E221F
  • statusBar.border#ffffff15
  • statusBar.foreground#F3EEF4
  • statusBar.noFolderBackground#2E221F
  • tab.activeBackground#2E221F
  • tab.activeBorderTop#A067E9
  • tab.activeForeground#F3EEF4
  • tab.border#ffffff15
  • tab.inactiveBackground#201B1860
  • tab.inactiveForeground#F3EEF480
  • terminal.ansiBlack#2E221F
  • terminal.ansiBlue#BA79EC
  • terminal.ansiCyan#E755D6
  • terminal.ansiGreen#A067E9
  • terminal.ansiMagenta#EAF183
  • terminal.ansiRed#EAF183
  • terminal.ansiWhite#F3EEF4
  • terminal.ansiYellow#E755D6
  • terminal.background#2E221F
  • terminal.foreground#F3EEF4
  • titleBar.activeBackground#2E221F
  • titleBar.activeForeground#F3EEF4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2E221F
  • titleBar.inactiveForeground#F3EEF460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A6B49Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#BA79ECbold
storage.type, storage.modifier#BA79ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#A067E9
string, punctuation.definition.string, string.template, meta.template.expression#E755D6
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#EAF183
variable, variable.other.readwrite, variable.other.object#F3EEF4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F3EEF4
variable.parameter, meta.parameter#F3EEF4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F3EEF480
keyword.operator#F3EEF4
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E755D6bold
entity.other.inherited-class#A067E9
entity.name.tag, punctuation.definition.tag#BA79EC
entity.other.attribute-name#A067E9
meta.diff, meta.diff.header#A6B49A
markup.deleted#EAF183
markup.inserted#A067E9
markup.changed#E755D6
markup.heading, markup.heading.setext, punctuation.definition.heading#A067E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E755D6
string.other.link.title, string.other.link.description#A067E9
markup.underline.link#A6B49Aunderline
punctuation.definition.list#BA79EC
markup.quote, punctuation.definition.quote#A6B49Aitalic
Morphous Theme by Ameyanagi - VS Code Theme