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#3F1E35
  • activityBar.border#ffffff15
  • activityBar.foreground#c32878
  • activityBar.inactiveForeground#FFFBF660
  • activityBarBadge.background#c32878
  • activityBarBadge.foreground#3F1E35
  • button.background#c32878
  • button.foreground#3F1E35
  • button.hoverBackground#c32878dd
  • editor.background#3F1E35
  • editor.foreground#FFFBF6
  • editor.inactiveSelectionBackground#6FAF5E3580
  • editor.lineHighlightBackground#2b172640
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#6FAF5E35
  • editorCursor.foreground#c32878
  • editorGroupHeader.tabsBackground#3F1E35dd
  • editorLineNumber.activeForeground#c32878
  • editorLineNumber.foreground#2E7A3F80
  • focusBorder#c32878
  • foreground#FFFBF6
  • input.background#2b1726
  • input.border#ffffff15
  • input.foreground#FFFBF6
  • input.placeholderForeground#FFFBF660
  • list.activeSelectionBackground#c3287830
  • list.activeSelectionForeground#FFFBF6
  • list.highlightForeground#c32878
  • list.hoverBackground#2b172640
  • list.hoverForeground#FFFBF6
  • list.inactiveSelectionBackground#c3287815
  • list.inactiveSelectionForeground#FFFBF6
  • selection.background#6FAF5E35
  • sideBar.background#2b1726
  • sideBar.border#ffffff15
  • sideBar.foreground#FFFBF6
  • sideBarSectionHeader.background#3F1E3580
  • sideBarSectionHeader.foreground#FFFBF6
  • sideBarTitle.foreground#c32878
  • statusBar.background#3F1E35
  • statusBar.border#ffffff15
  • statusBar.foreground#FFFBF6
  • statusBar.noFolderBackground#3F1E35
  • tab.activeBackground#3F1E35
  • tab.activeBorderTop#c32878
  • tab.activeForeground#FFFBF6
  • tab.border#ffffff15
  • tab.inactiveBackground#2b172660
  • tab.inactiveForeground#FFFBF680
  • terminal.ansiBlack#3F1E35
  • terminal.ansiBlue#6FAF5E
  • terminal.ansiCyan#E53AA3
  • terminal.ansiGreen#c32878
  • terminal.ansiMagenta#E7B218
  • terminal.ansiRed#E7B218
  • terminal.ansiWhite#FFFBF6
  • terminal.ansiYellow#E53AA3
  • terminal.background#3F1E35
  • terminal.foreground#FFFBF6
  • titleBar.activeBackground#3F1E35
  • titleBar.activeForeground#FFFBF6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#3F1E35
  • titleBar.inactiveForeground#FFFBF660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#2E7A3Fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#6FAF5Ebold
storage.type, storage.modifier#6FAF5Eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#c32878
string, punctuation.definition.string, string.template, meta.template.expression#E53AA3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#E7B218
variable, variable.other.readwrite, variable.other.object#FFFBF6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFFBF6
variable.parameter, meta.parameter#FFFBF6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFFBF680
keyword.operator#FFFBF6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E53AA3bold
entity.other.inherited-class#c32878
entity.name.tag, punctuation.definition.tag#6FAF5E
entity.other.attribute-name#c32878
meta.diff, meta.diff.header#2E7A3F
markup.deleted#E7B218
markup.inserted#c32878
markup.changed#E53AA3
markup.heading, markup.heading.setext, punctuation.definition.heading#c32878bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E53AA3
string.other.link.title, string.other.link.description#c32878
markup.underline.link#2E7A3Funderline
punctuation.definition.list#6FAF5E
markup.quote, punctuation.definition.quote#2E7A3Fitalic
Morphous Theme by Ameyanagi - VS Code Theme