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#F8F5FF
  • activityBar.border#00000015
  • activityBar.foreground#B98BE8
  • activityBar.inactiveForeground#221B2A60
  • activityBarBadge.background#B98BE8
  • activityBarBadge.foreground#F8F5FF
  • button.background#B98BE8
  • button.foreground#F8F5FF
  • button.hoverBackground#B98BE8dd
  • editor.background#F8F5FF
  • editor.foreground#221B2A
  • editor.inactiveSelectionBackground#6E8E3F2580
  • editor.lineHighlightBackground#F2E9FA50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#6E8E3F25
  • editorCursor.foreground#B98BE8
  • editorGroupHeader.tabsBackground#F2E9FAaa
  • editorLineNumber.activeForeground#B98BE8
  • editorLineNumber.foreground#B49AA780
  • focusBorder#B98BE8
  • foreground#221B2A
  • input.background#F2E9FA
  • input.border#00000015
  • input.foreground#221B2A
  • input.placeholderForeground#221B2A60
  • list.activeSelectionBackground#B98BE830
  • list.activeSelectionForeground#221B2A
  • list.highlightForeground#B98BE8
  • list.hoverBackground#F2E9FA40
  • list.hoverForeground#221B2A
  • list.inactiveSelectionBackground#B98BE815
  • list.inactiveSelectionForeground#221B2A
  • selection.background#6E8E3F25
  • sideBar.background#F2E9FA
  • sideBar.border#00000015
  • sideBar.foreground#221B2A
  • sideBarSectionHeader.background#F2E9FA80
  • sideBarSectionHeader.foreground#221B2A
  • sideBarTitle.foreground#B98BE8
  • statusBar.background#F8F5FF
  • statusBar.border#00000015
  • statusBar.foreground#221B2A
  • statusBar.noFolderBackground#F8F5FF
  • tab.activeBackground#F8F5FF
  • tab.activeBorderTop#B98BE8
  • tab.activeForeground#221B2A
  • tab.border#00000015
  • tab.inactiveBackground#F8F5FF60
  • tab.inactiveForeground#221B2A80
  • terminal.ansiBlack#221B2A
  • terminal.ansiBlue#6E8E3F
  • terminal.ansiCyan#6F3EA1
  • terminal.ansiGreen#B98BE8
  • terminal.ansiMagenta#D8B45A
  • terminal.ansiRed#D8B45A
  • terminal.ansiWhite#221B2A
  • terminal.ansiYellow#6F3EA1
  • terminal.background#F8F5FF
  • terminal.foreground#221B2A
  • titleBar.activeBackground#F8F5FF
  • titleBar.activeForeground#221B2A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F8F5FF
  • titleBar.inactiveForeground#221B2A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B49AA7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#6E8E3Fbold
storage.type, storage.modifier#6E8E3Fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#B98BE8
string, punctuation.definition.string, string.template, meta.template.expression#6F3EA1
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#D8B45A
variable, variable.other.readwrite, variable.other.object#221B2A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#221B2A
variable.parameter, meta.parameter#221B2Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#221B2A80
keyword.operator#221B2A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#6F3EA1bold
entity.other.inherited-class#B98BE8
entity.name.tag, punctuation.definition.tag#6E8E3F
entity.other.attribute-name#B98BE8
meta.diff, meta.diff.header#B49AA7
markup.deleted#D8B45A
markup.inserted#B98BE8
markup.changed#6F3EA1
markup.heading, markup.heading.setext, punctuation.definition.heading#B98BE8bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#6F3EA1
string.other.link.title, string.other.link.description#B98BE8
markup.underline.link#B49AA7underline
punctuation.definition.list#6E8E3F
markup.quote, punctuation.definition.quote#B49AA7italic
Morphous Theme by Ameyanagi - VS Code Theme