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#8a4638
  • activityBar.border#ffffff15
  • activityBar.foreground#e85e73
  • activityBar.inactiveForeground#f7e4d860
  • activityBarBadge.background#e85e73
  • activityBarBadge.foreground#8a4638
  • button.background#e85e73
  • button.foreground#8a4638
  • button.hoverBackground#e85e73dd
  • editor.background#8a4638
  • editor.foreground#f7e4d8
  • editor.inactiveSelectionBackground#f49aa63580
  • editor.lineHighlightBackground#3b251c40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#f49aa635
  • editorCursor.foreground#e85e73
  • editorGroupHeader.tabsBackground#8a4638dd
  • editorLineNumber.activeForeground#e85e73
  • editorLineNumber.foreground#b98d7780
  • focusBorder#e85e73
  • foreground#f7e4d8
  • input.background#3b251c
  • input.border#ffffff15
  • input.foreground#f7e4d8
  • input.placeholderForeground#f7e4d860
  • list.activeSelectionBackground#e85e7330
  • list.activeSelectionForeground#f7e4d8
  • list.highlightForeground#e85e73
  • list.hoverBackground#3b251c40
  • list.hoverForeground#f7e4d8
  • list.inactiveSelectionBackground#e85e7315
  • list.inactiveSelectionForeground#f7e4d8
  • selection.background#f49aa635
  • sideBar.background#3b251c
  • sideBar.border#ffffff15
  • sideBar.foreground#f7e4d8
  • sideBarSectionHeader.background#8a463880
  • sideBarSectionHeader.foreground#f7e4d8
  • sideBarTitle.foreground#e85e73
  • statusBar.background#8a4638
  • statusBar.border#ffffff15
  • statusBar.foreground#f7e4d8
  • statusBar.noFolderBackground#8a4638
  • tab.activeBackground#8a4638
  • tab.activeBorderTop#e85e73
  • tab.activeForeground#f7e4d8
  • tab.border#ffffff15
  • tab.inactiveBackground#3b251c60
  • tab.inactiveForeground#f7e4d880
  • terminal.ansiBlack#8a4638
  • terminal.ansiBlue#f49aa6
  • terminal.ansiCyan#f8b082
  • terminal.ansiGreen#e85e73
  • terminal.ansiMagenta#fffaf3
  • terminal.ansiRed#fffaf3
  • terminal.ansiWhite#f7e4d8
  • terminal.ansiYellow#f8b082
  • terminal.background#8a4638
  • terminal.foreground#f7e4d8
  • titleBar.activeBackground#8a4638
  • titleBar.activeForeground#f7e4d8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#8a4638
  • titleBar.inactiveForeground#f7e4d860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#b98d77italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#f49aa6bold
storage.type, storage.modifier#f49aa6italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#e85e73
string, punctuation.definition.string, string.template, meta.template.expression#f8b082
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#fffaf3
variable, variable.other.readwrite, variable.other.object#f7e4d8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f7e4d8
variable.parameter, meta.parameter#f7e4d8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f7e4d880
keyword.operator#f7e4d8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#f8b082bold
entity.other.inherited-class#e85e73
entity.name.tag, punctuation.definition.tag#f49aa6
entity.other.attribute-name#e85e73
meta.diff, meta.diff.header#b98d77
markup.deleted#fffaf3
markup.inserted#e85e73
markup.changed#f8b082
markup.heading, markup.heading.setext, punctuation.definition.heading#e85e73bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#f8b082
string.other.link.title, string.other.link.description#e85e73
markup.underline.link#b98d77underline
punctuation.definition.list#f49aa6
markup.quote, punctuation.definition.quote#b98d77italic
Morphous Theme by Ameyanagi - VS Code Theme