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#FDF9ED
  • activityBar.border#00000015
  • activityBar.foreground#936C25
  • activityBar.inactiveForeground#24181260
  • activityBarBadge.background#936C25
  • activityBarBadge.foreground#FDF9ED
  • button.background#936C25
  • button.foreground#FDF9ED
  • button.hoverBackground#936C25dd
  • editor.background#FDF9ED
  • editor.foreground#241812
  • editor.inactiveSelectionBackground#835D212580
  • editor.lineHighlightBackground#F1F3EC50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#835D2125
  • editorCursor.foreground#936C25
  • editorGroupHeader.tabsBackground#F1F3ECaa
  • editorLineNumber.activeForeground#936C25
  • editorLineNumber.foreground#b89a6580
  • focusBorder#936C25
  • foreground#241812
  • input.background#F1F3EC
  • input.border#00000015
  • input.foreground#241812
  • input.placeholderForeground#24181260
  • list.activeSelectionBackground#936C2530
  • list.activeSelectionForeground#241812
  • list.highlightForeground#936C25
  • list.hoverBackground#F1F3EC40
  • list.hoverForeground#241812
  • list.inactiveSelectionBackground#936C2515
  • list.inactiveSelectionForeground#241812
  • selection.background#835D2125
  • sideBar.background#F1F3EC
  • sideBar.border#00000015
  • sideBar.foreground#241812
  • sideBarSectionHeader.background#F1F3EC80
  • sideBarSectionHeader.foreground#241812
  • sideBarTitle.foreground#936C25
  • statusBar.background#FDF9ED
  • statusBar.border#00000015
  • statusBar.foreground#241812
  • statusBar.noFolderBackground#FDF9ED
  • tab.activeBackground#FDF9ED
  • tab.activeBorderTop#936C25
  • tab.activeForeground#241812
  • tab.border#00000015
  • tab.inactiveBackground#FDF9ED60
  • tab.inactiveForeground#24181280
  • terminal.ansiBlack#241812
  • terminal.ansiBlue#835D21
  • terminal.ansiCyan#4EA329
  • terminal.ansiGreen#936C25
  • terminal.ansiMagenta#477619
  • terminal.ansiRed#477619
  • terminal.ansiWhite#241812
  • terminal.ansiYellow#4EA329
  • terminal.background#FDF9ED
  • terminal.foreground#241812
  • titleBar.activeBackground#FDF9ED
  • titleBar.activeForeground#241812
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDF9ED
  • titleBar.inactiveForeground#24181260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#b89a65italic
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#936C25
string, punctuation.definition.string, string.template, meta.template.expression#4EA329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#477619
variable, variable.other.readwrite, variable.other.object#241812
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#241812
variable.parameter, meta.parameter#241812dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#24181280
keyword.operator#241812
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#4EA329bold
entity.other.inherited-class#936C25
entity.name.tag, punctuation.definition.tag#835D21
entity.other.attribute-name#936C25
meta.diff, meta.diff.header#b89a65
markup.deleted#477619
markup.inserted#936C25
markup.changed#4EA329
markup.heading, markup.heading.setext, punctuation.definition.heading#936C25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#4EA329
string.other.link.title, string.other.link.description#936C25
markup.underline.link#b89a65underline
punctuation.definition.list#835D21
markup.quote, punctuation.definition.quote#b89a65italic
Morphous Theme by Ameyanagi - VS Code Theme