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#7a5630
  • activityBar.border#ffffff15
  • activityBar.foreground#F26FA1
  • activityBar.inactiveForeground#FFF8EE60
  • activityBarBadge.background#F26FA1
  • activityBarBadge.foreground#7a5630
  • button.background#F26FA1
  • button.foreground#7a5630
  • button.hoverBackground#F26FA1dd
  • editor.background#7a5630
  • editor.foreground#FFF8EE
  • editor.inactiveSelectionBackground#E853853580
  • editor.lineHighlightBackground#28161240
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#E8538535
  • editorCursor.foreground#F26FA1
  • editorGroupHeader.tabsBackground#7a5630dd
  • editorLineNumber.activeForeground#F26FA1
  • editorLineNumber.foreground#dfe8b780
  • focusBorder#F26FA1
  • foreground#FFF8EE
  • input.background#281612
  • input.border#ffffff15
  • input.foreground#FFF8EE
  • input.placeholderForeground#FFF8EE60
  • list.activeSelectionBackground#F26FA130
  • list.activeSelectionForeground#FFF8EE
  • list.highlightForeground#F26FA1
  • list.hoverBackground#28161240
  • list.hoverForeground#FFF8EE
  • list.inactiveSelectionBackground#F26FA115
  • list.inactiveSelectionForeground#FFF8EE
  • selection.background#E8538535
  • sideBar.background#281612
  • sideBar.border#ffffff15
  • sideBar.foreground#FFF8EE
  • sideBarSectionHeader.background#7a563080
  • sideBarSectionHeader.foreground#FFF8EE
  • sideBarTitle.foreground#F26FA1
  • statusBar.background#7a5630
  • statusBar.border#ffffff15
  • statusBar.foreground#FFF8EE
  • statusBar.noFolderBackground#7a5630
  • tab.activeBackground#7a5630
  • tab.activeBorderTop#F26FA1
  • tab.activeForeground#FFF8EE
  • tab.border#ffffff15
  • tab.inactiveBackground#28161260
  • tab.inactiveForeground#FFF8EE80
  • terminal.ansiBlack#7a5630
  • terminal.ansiBlue#E85385
  • terminal.ansiCyan#C7F158
  • terminal.ansiGreen#F26FA1
  • terminal.ansiMagenta#2FA344
  • terminal.ansiRed#2FA344
  • terminal.ansiWhite#FFF8EE
  • terminal.ansiYellow#C7F158
  • terminal.background#7a5630
  • terminal.foreground#FFF8EE
  • titleBar.activeBackground#7a5630
  • titleBar.activeForeground#FFF8EE
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#7a5630
  • titleBar.inactiveForeground#FFF8EE60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#dfe8b7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#E85385bold
storage.type, storage.modifier#E85385italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#F26FA1
string, punctuation.definition.string, string.template, meta.template.expression#C7F158
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#2FA344
variable, variable.other.readwrite, variable.other.object#FFF8EE
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFF8EE
variable.parameter, meta.parameter#FFF8EEdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFF8EE80
keyword.operator#FFF8EE
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#C7F158bold
entity.other.inherited-class#F26FA1
entity.name.tag, punctuation.definition.tag#E85385
entity.other.attribute-name#F26FA1
meta.diff, meta.diff.header#dfe8b7
markup.deleted#2FA344
markup.inserted#F26FA1
markup.changed#C7F158
markup.heading, markup.heading.setext, punctuation.definition.heading#F26FA1bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#C7F158
string.other.link.title, string.other.link.description#F26FA1
markup.underline.link#dfe8b7underline
punctuation.definition.list#E85385
markup.quote, punctuation.definition.quote#dfe8b7italic
Morphous Theme by Ameyanagi - VS Code Theme