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#28060A
  • activityBar.border#ffffff15
  • activityBar.foreground#E9676C
  • activityBar.inactiveForeground#F7F2EA60
  • activityBarBadge.background#E9676C
  • activityBarBadge.foreground#28060A
  • button.background#E9676C
  • button.foreground#28060A
  • button.hoverBackground#E9676Cdd
  • editor.background#28060A
  • editor.foreground#F7F2EA
  • editor.inactiveSelectionBackground#ECBC793580
  • editor.lineHighlightBackground#130E0C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECBC7935
  • editorCursor.foreground#E9676C
  • editorGroupHeader.tabsBackground#28060Add
  • editorLineNumber.activeForeground#E9676C
  • editorLineNumber.foreground#E8D9B580
  • focusBorder#E9676C
  • foreground#F7F2EA
  • input.background#130E0C
  • input.border#ffffff15
  • input.foreground#F7F2EA
  • input.placeholderForeground#F7F2EA60
  • list.activeSelectionBackground#E9676C30
  • list.activeSelectionForeground#F7F2EA
  • list.highlightForeground#E9676C
  • list.hoverBackground#130E0C40
  • list.hoverForeground#F7F2EA
  • list.inactiveSelectionBackground#E9676C15
  • list.inactiveSelectionForeground#F7F2EA
  • selection.background#ECBC7935
  • sideBar.background#130E0C
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F2EA
  • sideBarSectionHeader.background#28060A80
  • sideBarSectionHeader.foreground#F7F2EA
  • sideBarTitle.foreground#E9676C
  • statusBar.background#28060A
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F2EA
  • statusBar.noFolderBackground#28060A
  • tab.activeBackground#28060A
  • tab.activeBorderTop#E9676C
  • tab.activeForeground#F7F2EA
  • tab.border#ffffff15
  • tab.inactiveBackground#130E0C60
  • tab.inactiveForeground#F7F2EA80
  • terminal.ansiBlack#28060A
  • terminal.ansiBlue#ECBC79
  • terminal.ansiCyan#E7AA55
  • terminal.ansiGreen#E9676C
  • terminal.ansiMagenta#F1C583
  • terminal.ansiRed#F1C583
  • terminal.ansiWhite#F7F2EA
  • terminal.ansiYellow#E7AA55
  • terminal.background#28060A
  • terminal.foreground#F7F2EA
  • titleBar.activeBackground#28060A
  • titleBar.activeForeground#F7F2EA
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#28060A
  • titleBar.inactiveForeground#F7F2EA60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E8D9B5italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECBC79bold
storage.type, storage.modifier#ECBC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9676C
string, punctuation.definition.string, string.template, meta.template.expression#E7AA55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1C583
variable, variable.other.readwrite, variable.other.object#F7F2EA
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F2EA
variable.parameter, meta.parameter#F7F2EAdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F2EA80
keyword.operator#F7F2EA
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7AA55bold
entity.other.inherited-class#E9676C
entity.name.tag, punctuation.definition.tag#ECBC79
entity.other.attribute-name#E9676C
meta.diff, meta.diff.header#E8D9B5
markup.deleted#F1C583
markup.inserted#E9676C
markup.changed#E7AA55
markup.heading, markup.heading.setext, punctuation.definition.heading#E9676Cbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7AA55
string.other.link.title, string.other.link.description#E9676C
markup.underline.link#E8D9B5underline
punctuation.definition.list#ECBC79
markup.quote, punctuation.definition.quote#E8D9B5italic
Morphous Theme by Ameyanagi - VS Code Theme