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#FDFAF6
  • activityBar.border#00000015
  • activityBar.foreground#934025
  • activityBar.inactiveForeground#2c211a60
  • activityBarBadge.background#934025
  • activityBarBadge.foreground#FDFAF6
  • button.background#934025
  • button.foreground#FDFAF6
  • button.hoverBackground#934025dd
  • editor.background#FDFAF6
  • editor.foreground#2c211a
  • editor.inactiveSelectionBackground#835D212580
  • editor.lineHighlightBackground#F2E6D450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#835D2125
  • editorCursor.foreground#934025
  • editorGroupHeader.tabsBackground#F2E6D4aa
  • editorLineNumber.activeForeground#934025
  • editorLineNumber.foreground#a8846d80
  • focusBorder#934025
  • foreground#2c211a
  • input.background#F2E6D4
  • input.border#00000015
  • input.foreground#2c211a
  • input.placeholderForeground#2c211a60
  • list.activeSelectionBackground#93402530
  • list.activeSelectionForeground#2c211a
  • list.highlightForeground#934025
  • list.hoverBackground#F2E6D440
  • list.hoverForeground#2c211a
  • list.inactiveSelectionBackground#93402515
  • list.inactiveSelectionForeground#2c211a
  • selection.background#835D2125
  • sideBar.background#F2E6D4
  • sideBar.border#00000015
  • sideBar.foreground#2c211a
  • sideBarSectionHeader.background#F2E6D480
  • sideBarSectionHeader.foreground#2c211a
  • sideBarTitle.foreground#934025
  • statusBar.background#FDFAF6
  • statusBar.border#00000015
  • statusBar.foreground#2c211a
  • statusBar.noFolderBackground#FDFAF6
  • tab.activeBackground#FDFAF6
  • tab.activeBorderTop#934025
  • tab.activeForeground#2c211a
  • tab.border#00000015
  • tab.inactiveBackground#FDFAF660
  • tab.inactiveForeground#2c211a80
  • terminal.ansiBlack#2c211a
  • terminal.ansiBlue#835D21
  • terminal.ansiCyan#A35E29
  • terminal.ansiGreen#934025
  • terminal.ansiMagenta#765419
  • terminal.ansiRed#765419
  • terminal.ansiWhite#2c211a
  • terminal.ansiYellow#A35E29
  • terminal.background#FDFAF6
  • terminal.foreground#2c211a
  • titleBar.activeBackground#FDFAF6
  • titleBar.activeForeground#2c211a
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFAF6
  • titleBar.inactiveForeground#2c211a60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a8846ditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#835D21bold
storage.type, storage.modifier#835D21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#934025
string, punctuation.definition.string, string.template, meta.template.expression#A35E29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765419
variable, variable.other.readwrite, variable.other.object#2c211a
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2c211a
variable.parameter, meta.parameter#2c211additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2c211a80
keyword.operator#2c211a
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A35E29bold
entity.other.inherited-class#934025
entity.name.tag, punctuation.definition.tag#835D21
entity.other.attribute-name#934025
meta.diff, meta.diff.header#a8846d
markup.deleted#765419
markup.inserted#934025
markup.changed#A35E29
markup.heading, markup.heading.setext, punctuation.definition.heading#934025bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A35E29
string.other.link.title, string.other.link.description#934025
markup.underline.link#a8846dunderline
punctuation.definition.list#835D21
markup.quote, punctuation.definition.quote#a8846ditalic
Morphous Theme by Ameyanagi - VS Code Theme