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#FAF9F5
  • activityBar.border#00000015
  • activityBar.foreground#935825
  • activityBar.inactiveForeground#2f2b2560
  • activityBarBadge.background#935825
  • activityBarBadge.foreground#FAF9F5
  • button.background#935825
  • button.foreground#FAF9F5
  • button.hoverBackground#935825dd
  • editor.background#FAF9F5
  • editor.foreground#2f2b25
  • editor.inactiveSelectionBackground#834D212580
  • editor.lineHighlightBackground#FFFBF050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#834D2125
  • editorCursor.foreground#935825
  • editorGroupHeader.tabsBackground#FFFBF0aa
  • editorLineNumber.activeForeground#935825
  • editorLineNumber.foreground#aab8bd80
  • focusBorder#935825
  • foreground#2f2b25
  • input.background#FFFBF0
  • input.border#00000015
  • input.foreground#2f2b25
  • input.placeholderForeground#2f2b2560
  • list.activeSelectionBackground#93582530
  • list.activeSelectionForeground#2f2b25
  • list.highlightForeground#935825
  • list.hoverBackground#FFFBF040
  • list.hoverForeground#2f2b25
  • list.inactiveSelectionBackground#93582515
  • list.inactiveSelectionForeground#2f2b25
  • selection.background#834D2125
  • sideBar.background#FFFBF0
  • sideBar.border#00000015
  • sideBar.foreground#2f2b25
  • sideBarSectionHeader.background#FFFBF080
  • sideBarSectionHeader.foreground#2f2b25
  • sideBarTitle.foreground#935825
  • statusBar.background#FAF9F5
  • statusBar.border#00000015
  • statusBar.foreground#2f2b25
  • statusBar.noFolderBackground#FAF9F5
  • tab.activeBackground#FAF9F5
  • tab.activeBorderTop#935825
  • tab.activeForeground#2f2b25
  • tab.border#00000015
  • tab.inactiveBackground#FAF9F560
  • tab.inactiveForeground#2f2b2580
  • terminal.ansiBlack#2f2b25
  • terminal.ansiBlue#834D21
  • terminal.ansiCyan#60A329
  • terminal.ansiGreen#935825
  • terminal.ansiMagenta#765A19
  • terminal.ansiRed#765A19
  • terminal.ansiWhite#2f2b25
  • terminal.ansiYellow#60A329
  • terminal.background#FAF9F5
  • terminal.foreground#2f2b25
  • titleBar.activeBackground#FAF9F5
  • titleBar.activeForeground#2f2b25
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAF9F5
  • titleBar.inactiveForeground#2f2b2560
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#aab8bditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#834D21bold
storage.type, storage.modifier#834D21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#935825
string, punctuation.definition.string, string.template, meta.template.expression#60A329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765A19
variable, variable.other.readwrite, variable.other.object#2f2b25
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2f2b25
variable.parameter, meta.parameter#2f2b25dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2f2b2580
keyword.operator#2f2b25
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#60A329bold
entity.other.inherited-class#935825
entity.name.tag, punctuation.definition.tag#834D21
entity.other.attribute-name#935825
meta.diff, meta.diff.header#aab8bd
markup.deleted#765A19
markup.inserted#935825
markup.changed#60A329
markup.heading, markup.heading.setext, punctuation.definition.heading#935825bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#60A329
string.other.link.title, string.other.link.description#935825
markup.underline.link#aab8bdunderline
punctuation.definition.list#834D21
markup.quote, punctuation.definition.quote#aab8bditalic
Morphous Theme by Ameyanagi - VS Code Theme