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#3C1126
  • activityBar.border#ffffff15
  • activityBar.foreground#E967AA
  • activityBar.inactiveForeground#FAF7F460
  • activityBarBadge.background#E967AA
  • activityBarBadge.foreground#3C1126
  • button.background#E967AA
  • button.foreground#3C1126
  • button.hoverBackground#E967AAdd
  • editor.background#3C1126
  • editor.foreground#FAF7F4
  • editor.inactiveSelectionBackground#EC79903580
  • editor.lineHighlightBackground#14111040
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#EC799035
  • editorCursor.foreground#E967AA
  • editorGroupHeader.tabsBackground#3C1126dd
  • editorLineNumber.activeForeground#E967AA
  • editorLineNumber.foreground#7FAE6380
  • focusBorder#E967AA
  • foreground#FAF7F4
  • input.background#141110
  • input.border#ffffff15
  • input.foreground#FAF7F4
  • input.placeholderForeground#FAF7F460
  • list.activeSelectionBackground#E967AA30
  • list.activeSelectionForeground#FAF7F4
  • list.highlightForeground#E967AA
  • list.hoverBackground#14111040
  • list.hoverForeground#FAF7F4
  • list.inactiveSelectionBackground#E967AA15
  • list.inactiveSelectionForeground#FAF7F4
  • selection.background#EC799035
  • sideBar.background#141110
  • sideBar.border#ffffff15
  • sideBar.foreground#FAF7F4
  • sideBarSectionHeader.background#3C112680
  • sideBarSectionHeader.foreground#FAF7F4
  • sideBarTitle.foreground#E967AA
  • statusBar.background#3C1126
  • statusBar.border#ffffff15
  • statusBar.foreground#FAF7F4
  • statusBar.noFolderBackground#3C1126
  • tab.activeBackground#3C1126
  • tab.activeBorderTop#E967AA
  • tab.activeForeground#FAF7F4
  • tab.border#ffffff15
  • tab.inactiveBackground#14111060
  • tab.inactiveForeground#FAF7F480
  • terminal.ansiBlack#3C1126
  • terminal.ansiBlue#EC7990
  • terminal.ansiCyan#77E755
  • terminal.ansiGreen#E967AA
  • terminal.ansiMagenta#F183B8
  • terminal.ansiRed#F183B8
  • terminal.ansiWhite#FAF7F4
  • terminal.ansiYellow#77E755
  • terminal.background#3C1126
  • terminal.foreground#FAF7F4
  • titleBar.activeBackground#3C1126
  • titleBar.activeForeground#FAF7F4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#3C1126
  • titleBar.inactiveForeground#FAF7F460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7FAE63italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#EC7990bold
storage.type, storage.modifier#EC7990italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E967AA
string, punctuation.definition.string, string.template, meta.template.expression#77E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F183B8
variable, variable.other.readwrite, variable.other.object#FAF7F4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FAF7F4
variable.parameter, meta.parameter#FAF7F4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FAF7F480
keyword.operator#FAF7F4
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#77E755bold
entity.other.inherited-class#E967AA
entity.name.tag, punctuation.definition.tag#EC7990
entity.other.attribute-name#E967AA
meta.diff, meta.diff.header#7FAE63
markup.deleted#F183B8
markup.inserted#E967AA
markup.changed#77E755
markup.heading, markup.heading.setext, punctuation.definition.heading#E967AAbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#77E755
string.other.link.title, string.other.link.description#E967AA
markup.underline.link#7FAE63underline
punctuation.definition.list#EC7990
markup.quote, punctuation.definition.quote#7FAE63italic
Morphous Theme by Ameyanagi - VS Code Theme