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#332B24
  • activityBar.border#ffffff15
  • activityBar.foreground#9B836B
  • activityBar.inactiveForeground#F4F1E860
  • activityBarBadge.background#9B836B
  • activityBarBadge.foreground#332B24
  • button.background#9B836B
  • button.foreground#332B24
  • button.hoverBackground#9B836Bdd
  • editor.background#332B24
  • editor.foreground#F4F1E8
  • editor.inactiveSelectionBackground#6D7F543580
  • editor.lineHighlightBackground#25211C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#6D7F5435
  • editorCursor.foreground#9B836B
  • editorGroupHeader.tabsBackground#332B24dd
  • editorLineNumber.activeForeground#9B836B
  • editorLineNumber.foreground#A99D9080
  • focusBorder#9B836B
  • foreground#F4F1E8
  • input.background#25211C
  • input.border#ffffff15
  • input.foreground#F4F1E8
  • input.placeholderForeground#F4F1E860
  • list.activeSelectionBackground#9B836B30
  • list.activeSelectionForeground#F4F1E8
  • list.highlightForeground#9B836B
  • list.hoverBackground#25211C40
  • list.hoverForeground#F4F1E8
  • list.inactiveSelectionBackground#9B836B15
  • list.inactiveSelectionForeground#F4F1E8
  • selection.background#6D7F5435
  • sideBar.background#25211C
  • sideBar.border#ffffff15
  • sideBar.foreground#F4F1E8
  • sideBarSectionHeader.background#332B2480
  • sideBarSectionHeader.foreground#F4F1E8
  • sideBarTitle.foreground#9B836B
  • statusBar.background#332B24
  • statusBar.border#ffffff15
  • statusBar.foreground#F4F1E8
  • statusBar.noFolderBackground#332B24
  • tab.activeBackground#332B24
  • tab.activeBorderTop#9B836B
  • tab.activeForeground#F4F1E8
  • tab.border#ffffff15
  • tab.inactiveBackground#25211C60
  • tab.inactiveForeground#F4F1E880
  • terminal.ansiBlack#332B24
  • terminal.ansiBlue#6D7F54
  • terminal.ansiCyan#8A5E9F
  • terminal.ansiGreen#9B836B
  • terminal.ansiMagenta#B79C67
  • terminal.ansiRed#B79C67
  • terminal.ansiWhite#F4F1E8
  • terminal.ansiYellow#8A5E9F
  • terminal.background#332B24
  • terminal.foreground#F4F1E8
  • titleBar.activeBackground#332B24
  • titleBar.activeForeground#F4F1E8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#332B24
  • titleBar.inactiveForeground#F4F1E860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A99D90italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#6D7F54bold
storage.type, storage.modifier#6D7F54italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#9B836B
string, punctuation.definition.string, string.template, meta.template.expression#8A5E9F
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#B79C67
variable, variable.other.readwrite, variable.other.object#F4F1E8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F4F1E8
variable.parameter, meta.parameter#F4F1E8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F4F1E880
keyword.operator#F4F1E8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8A5E9Fbold
entity.other.inherited-class#9B836B
entity.name.tag, punctuation.definition.tag#6D7F54
entity.other.attribute-name#9B836B
meta.diff, meta.diff.header#A99D90
markup.deleted#B79C67
markup.inserted#9B836B
markup.changed#8A5E9F
markup.heading, markup.heading.setext, punctuation.definition.heading#9B836Bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8A5E9F
string.other.link.title, string.other.link.description#9B836B
markup.underline.link#A99D90underline
punctuation.definition.list#6D7F54
markup.quote, punctuation.definition.quote#A99D90italic
Morphous Theme by Ameyanagi - VS Code Theme