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#FBF8F4
  • activityBar.border#00000015
  • activityBar.foreground#935625
  • activityBar.inactiveForeground#201b1760
  • activityBarBadge.background#935625
  • activityBarBadge.foreground#FBF8F4
  • button.background#935625
  • button.foreground#FBF8F4
  • button.hoverBackground#935625dd
  • editor.background#FBF8F4
  • editor.foreground#201b17
  • editor.inactiveSelectionBackground#5A83212580
  • editor.lineHighlightBackground#CBC0AE50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#5A832125
  • editorCursor.foreground#935625
  • editorGroupHeader.tabsBackground#CBC0AEaa
  • editorLineNumber.activeForeground#935625
  • editorLineNumber.foreground#5a493f80
  • focusBorder#935625
  • foreground#201b17
  • input.background#CBC0AE
  • input.border#00000015
  • input.foreground#201b17
  • input.placeholderForeground#201b1760
  • list.activeSelectionBackground#93562530
  • list.activeSelectionForeground#201b17
  • list.highlightForeground#935625
  • list.hoverBackground#CBC0AE40
  • list.hoverForeground#201b17
  • list.inactiveSelectionBackground#93562515
  • list.inactiveSelectionForeground#201b17
  • selection.background#5A832125
  • sideBar.background#CBC0AE
  • sideBar.border#00000015
  • sideBar.foreground#201b17
  • sideBarSectionHeader.background#CBC0AE80
  • sideBarSectionHeader.foreground#201b17
  • sideBarTitle.foreground#935625
  • statusBar.background#FBF8F4
  • statusBar.border#00000015
  • statusBar.foreground#201b17
  • statusBar.noFolderBackground#FBF8F4
  • tab.activeBackground#FBF8F4
  • tab.activeBorderTop#935625
  • tab.activeForeground#201b17
  • tab.border#00000015
  • tab.inactiveBackground#FBF8F460
  • tab.inactiveForeground#201b1780
  • terminal.ansiBlack#201b17
  • terminal.ansiBlue#5A8321
  • terminal.ansiCyan#A36C29
  • terminal.ansiGreen#935625
  • terminal.ansiMagenta#765419
  • terminal.ansiRed#765419
  • terminal.ansiWhite#201b17
  • terminal.ansiYellow#A36C29
  • terminal.background#FBF8F4
  • terminal.foreground#201b17
  • titleBar.activeBackground#FBF8F4
  • titleBar.activeForeground#201b17
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FBF8F4
  • titleBar.inactiveForeground#201b1760
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5a493fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#5A8321bold
storage.type, storage.modifier#5A8321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#935625
string, punctuation.definition.string, string.template, meta.template.expression#A36C29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765419
variable, variable.other.readwrite, variable.other.object#201b17
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#201b17
variable.parameter, meta.parameter#201b17dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#201b1780
keyword.operator#201b17
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A36C29bold
entity.other.inherited-class#935625
entity.name.tag, punctuation.definition.tag#5A8321
entity.other.attribute-name#935625
meta.diff, meta.diff.header#5a493f
markup.deleted#765419
markup.inserted#935625
markup.changed#A36C29
markup.heading, markup.heading.setext, punctuation.definition.heading#935625bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A36C29
string.other.link.title, string.other.link.description#935625
markup.underline.link#5a493funderline
punctuation.definition.list#5A8321
markup.quote, punctuation.definition.quote#5a493fitalic
Morphous Theme by Ameyanagi - VS Code Theme