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#F8F3F7
  • activityBar.border#00000015
  • activityBar.foreground#7B3F93
  • activityBar.inactiveForeground#1B102060
  • activityBarBadge.background#7B3F93
  • activityBarBadge.foreground#F8F3F7
  • button.background#7B3F93
  • button.foreground#F8F3F7
  • button.hoverBackground#7B3F93dd
  • editor.background#F8F3F7
  • editor.foreground#1B1020
  • editor.inactiveSelectionBackground#9AA2E62580
  • editor.lineHighlightBackground#FFFBFC50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#9AA2E625
  • editorCursor.foreground#7B3F93
  • editorGroupHeader.tabsBackground#FFFBFCaa
  • editorLineNumber.activeForeground#7B3F93
  • editorLineNumber.foreground#E8DDED80
  • focusBorder#7B3F93
  • foreground#1B1020
  • input.background#FFFBFC
  • input.border#00000015
  • input.foreground#1B1020
  • input.placeholderForeground#1B102060
  • list.activeSelectionBackground#7B3F9330
  • list.activeSelectionForeground#1B1020
  • list.highlightForeground#7B3F93
  • list.hoverBackground#FFFBFC40
  • list.hoverForeground#1B1020
  • list.inactiveSelectionBackground#7B3F9315
  • list.inactiveSelectionForeground#1B1020
  • selection.background#9AA2E625
  • sideBar.background#FFFBFC
  • sideBar.border#00000015
  • sideBar.foreground#1B1020
  • sideBarSectionHeader.background#FFFBFC80
  • sideBarSectionHeader.foreground#1B1020
  • sideBarTitle.foreground#7B3F93
  • statusBar.background#F8F3F7
  • statusBar.border#00000015
  • statusBar.foreground#1B1020
  • statusBar.noFolderBackground#F8F3F7
  • tab.activeBackground#F8F3F7
  • tab.activeBorderTop#7B3F93
  • tab.activeForeground#1B1020
  • tab.border#00000015
  • tab.inactiveBackground#F8F3F760
  • tab.inactiveForeground#1B102080
  • terminal.ansiBlack#1B1020
  • terminal.ansiBlue#9AA2E6
  • terminal.ansiCyan#D8C3F0
  • terminal.ansiGreen#7B3F93
  • terminal.ansiMagenta#A2145A
  • terminal.ansiRed#A2145A
  • terminal.ansiWhite#1B1020
  • terminal.ansiYellow#D8C3F0
  • terminal.background#F8F3F7
  • terminal.foreground#1B1020
  • titleBar.activeBackground#F8F3F7
  • titleBar.activeForeground#1B1020
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F8F3F7
  • titleBar.inactiveForeground#1B102060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E8DDEDitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#9AA2E6bold
storage.type, storage.modifier#9AA2E6italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#7B3F93
string, punctuation.definition.string, string.template, meta.template.expression#D8C3F0
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#A2145A
variable, variable.other.readwrite, variable.other.object#1B1020
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1B1020
variable.parameter, meta.parameter#1B1020dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1B102080
keyword.operator#1B1020
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#D8C3F0bold
entity.other.inherited-class#7B3F93
entity.name.tag, punctuation.definition.tag#9AA2E6
entity.other.attribute-name#7B3F93
meta.diff, meta.diff.header#E8DDED
markup.deleted#A2145A
markup.inserted#7B3F93
markup.changed#D8C3F0
markup.heading, markup.heading.setext, punctuation.definition.heading#7B3F93bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#D8C3F0
string.other.link.title, string.other.link.description#7B3F93
markup.underline.link#E8DDEDunderline
punctuation.definition.list#9AA2E6
markup.quote, punctuation.definition.quote#E8DDEDitalic
Morphous Theme by Ameyanagi - VS Code Theme