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#FDFDFC
  • activityBar.border#00000015
  • activityBar.foreground#936E25
  • activityBar.inactiveForeground#0D0D0C60
  • activityBarBadge.background#936E25
  • activityBarBadge.foreground#FDFDFC
  • button.background#936E25
  • button.foreground#FDFDFC
  • button.hoverBackground#936E25dd
  • editor.background#FDFDFC
  • editor.foreground#0D0D0C
  • editor.inactiveSelectionBackground#3E83212580
  • editor.lineHighlightBackground#F9F8F650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#3E832125
  • editorCursor.foreground#936E25
  • editorGroupHeader.tabsBackground#F9F8F6aa
  • editorLineNumber.activeForeground#936E25
  • editorLineNumber.foreground#C8C6BD80
  • focusBorder#936E25
  • foreground#0D0D0C
  • input.background#F9F8F6
  • input.border#00000015
  • input.foreground#0D0D0C
  • input.placeholderForeground#0D0D0C60
  • list.activeSelectionBackground#936E2530
  • list.activeSelectionForeground#0D0D0C
  • list.highlightForeground#936E25
  • list.hoverBackground#F9F8F640
  • list.hoverForeground#0D0D0C
  • list.inactiveSelectionBackground#936E2515
  • list.inactiveSelectionForeground#0D0D0C
  • selection.background#3E832125
  • sideBar.background#F9F8F6
  • sideBar.border#00000015
  • sideBar.foreground#0D0D0C
  • sideBarSectionHeader.background#F9F8F680
  • sideBarSectionHeader.foreground#0D0D0C
  • sideBarTitle.foreground#936E25
  • statusBar.background#FDFDFC
  • statusBar.border#00000015
  • statusBar.foreground#0D0D0C
  • statusBar.noFolderBackground#FDFDFC
  • tab.activeBackground#FDFDFC
  • tab.activeBorderTop#936E25
  • tab.activeForeground#0D0D0C
  • tab.border#00000015
  • tab.inactiveBackground#FDFDFC60
  • tab.inactiveForeground#0D0D0C80
  • terminal.ansiBlack#0D0D0C
  • terminal.ansiBlue#3E8321
  • terminal.ansiCyan#295EA3
  • terminal.ansiGreen#936E25
  • terminal.ansiMagenta#765719
  • terminal.ansiRed#765719
  • terminal.ansiWhite#0D0D0C
  • terminal.ansiYellow#295EA3
  • terminal.background#FDFDFC
  • terminal.foreground#0D0D0C
  • titleBar.activeBackground#FDFDFC
  • titleBar.activeForeground#0D0D0C
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFDFC
  • titleBar.inactiveForeground#0D0D0C60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C8C6BDitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#3E8321bold
storage.type, storage.modifier#3E8321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#936E25
string, punctuation.definition.string, string.template, meta.template.expression#295EA3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765719
variable, variable.other.readwrite, variable.other.object#0D0D0C
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0D0D0C
variable.parameter, meta.parameter#0D0D0Cdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0D0D0C80
keyword.operator#0D0D0C
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#295EA3bold
entity.other.inherited-class#936E25
entity.name.tag, punctuation.definition.tag#3E8321
entity.other.attribute-name#936E25
meta.diff, meta.diff.header#C8C6BD
markup.deleted#765719
markup.inserted#936E25
markup.changed#295EA3
markup.heading, markup.heading.setext, punctuation.definition.heading#936E25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#295EA3
string.other.link.title, string.other.link.description#936E25
markup.underline.link#C8C6BDunderline
punctuation.definition.list#3E8321
markup.quote, punctuation.definition.quote#C8C6BDitalic
Morphous Theme by Ameyanagi - VS Code Theme