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#040307
  • activityBar.border#ffffff15
  • activityBar.foreground#E98167
  • activityBar.inactiveForeground#FFF9EC60
  • activityBarBadge.background#E98167
  • activityBarBadge.foreground#040307
  • button.background#E98167
  • button.foreground#040307
  • button.hoverBackground#E98167dd
  • editor.background#040307
  • editor.foreground#FFF9EC
  • editor.inactiveSelectionBackground#A379EC3580
  • editor.lineHighlightBackground#201B2740
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#A379EC35
  • editorCursor.foreground#E98167
  • editorGroupHeader.tabsBackground#040307dd
  • editorLineNumber.activeForeground#E98167
  • editorLineNumber.foreground#F2ECF880
  • focusBorder#E98167
  • foreground#FFF9EC
  • input.background#201B27
  • input.border#ffffff15
  • input.foreground#FFF9EC
  • input.placeholderForeground#FFF9EC60
  • list.activeSelectionBackground#E9816730
  • list.activeSelectionForeground#FFF9EC
  • list.highlightForeground#E98167
  • list.hoverBackground#201B2740
  • list.hoverForeground#FFF9EC
  • list.inactiveSelectionBackground#E9816715
  • list.inactiveSelectionForeground#FFF9EC
  • selection.background#A379EC35
  • sideBar.background#201B27
  • sideBar.border#ffffff15
  • sideBar.foreground#FFF9EC
  • sideBarSectionHeader.background#04030780
  • sideBarSectionHeader.foreground#FFF9EC
  • sideBarTitle.foreground#E98167
  • statusBar.background#040307
  • statusBar.border#ffffff15
  • statusBar.foreground#FFF9EC
  • statusBar.noFolderBackground#040307
  • tab.activeBackground#040307
  • tab.activeBorderTop#E98167
  • tab.activeForeground#FFF9EC
  • tab.border#ffffff15
  • tab.inactiveBackground#201B2760
  • tab.inactiveForeground#FFF9EC80
  • terminal.ansiBlack#040307
  • terminal.ansiBlue#A379EC
  • terminal.ansiCyan#E7BB55
  • terminal.ansiGreen#E98167
  • terminal.ansiMagenta#AD83F1
  • terminal.ansiRed#AD83F1
  • terminal.ansiWhite#FFF9EC
  • terminal.ansiYellow#E7BB55
  • terminal.background#040307
  • terminal.foreground#FFF9EC
  • titleBar.activeBackground#040307
  • titleBar.activeForeground#FFF9EC
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#040307
  • titleBar.inactiveForeground#FFF9EC60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#F2ECF8italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#A379ECbold
storage.type, storage.modifier#A379ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E98167
string, punctuation.definition.string, string.template, meta.template.expression#E7BB55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#AD83F1
variable, variable.other.readwrite, variable.other.object#FFF9EC
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFF9EC
variable.parameter, meta.parameter#FFF9ECdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFF9EC80
keyword.operator#FFF9EC
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7BB55bold
entity.other.inherited-class#E98167
entity.name.tag, punctuation.definition.tag#A379EC
entity.other.attribute-name#E98167
meta.diff, meta.diff.header#F2ECF8
markup.deleted#AD83F1
markup.inserted#E98167
markup.changed#E7BB55
markup.heading, markup.heading.setext, punctuation.definition.heading#E98167bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7BB55
string.other.link.title, string.other.link.description#E98167
markup.underline.link#F2ECF8underline
punctuation.definition.list#A379EC
markup.quote, punctuation.definition.quote#F2ECF8italic
Morphous Theme by Ameyanagi - VS Code Theme