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#FDF8ED
  • activityBar.border#00000015
  • activityBar.foreground#935C25
  • activityBar.inactiveForeground#141b1260
  • activityBarBadge.background#935C25
  • activityBarBadge.foreground#FDF8ED
  • button.background#935C25
  • button.foreground#FDF8ED
  • button.hoverBackground#935C25dd
  • editor.background#FDF8ED
  • editor.foreground#141b12
  • editor.inactiveSelectionBackground#4083212580
  • editor.lineHighlightBackground#F7EBD450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#40832125
  • editorCursor.foreground#935C25
  • editorGroupHeader.tabsBackground#F7EBD4aa
  • editorLineNumber.activeForeground#935C25
  • editorLineNumber.foreground#dce8c580
  • focusBorder#935C25
  • foreground#141b12
  • input.background#F7EBD4
  • input.border#00000015
  • input.foreground#141b12
  • input.placeholderForeground#141b1260
  • list.activeSelectionBackground#935C2530
  • list.activeSelectionForeground#141b12
  • list.highlightForeground#935C25
  • list.hoverBackground#F7EBD440
  • list.hoverForeground#141b12
  • list.inactiveSelectionBackground#935C2515
  • list.inactiveSelectionForeground#141b12
  • selection.background#40832125
  • sideBar.background#F7EBD4
  • sideBar.border#00000015
  • sideBar.foreground#141b12
  • sideBarSectionHeader.background#F7EBD480
  • sideBarSectionHeader.foreground#141b12
  • sideBarTitle.foreground#935C25
  • statusBar.background#FDF8ED
  • statusBar.border#00000015
  • statusBar.foreground#141b12
  • statusBar.noFolderBackground#FDF8ED
  • tab.activeBackground#FDF8ED
  • tab.activeBorderTop#935C25
  • tab.activeForeground#141b12
  • tab.border#00000015
  • tab.inactiveBackground#FDF8ED60
  • tab.inactiveForeground#141b1280
  • terminal.ansiBlack#141b12
  • terminal.ansiBlue#408321
  • terminal.ansiCyan#8DA329
  • terminal.ansiGreen#935C25
  • terminal.ansiMagenta#764319
  • terminal.ansiRed#764319
  • terminal.ansiWhite#141b12
  • terminal.ansiYellow#8DA329
  • terminal.background#FDF8ED
  • terminal.foreground#141b12
  • titleBar.activeBackground#FDF8ED
  • titleBar.activeForeground#141b12
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDF8ED
  • titleBar.inactiveForeground#141b1260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#dce8c5italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#408321bold
storage.type, storage.modifier#408321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#935C25
string, punctuation.definition.string, string.template, meta.template.expression#8DA329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#764319
variable, variable.other.readwrite, variable.other.object#141b12
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#141b12
variable.parameter, meta.parameter#141b12dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#141b1280
keyword.operator#141b12
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8DA329bold
entity.other.inherited-class#935C25
entity.name.tag, punctuation.definition.tag#408321
entity.other.attribute-name#935C25
meta.diff, meta.diff.header#dce8c5
markup.deleted#764319
markup.inserted#935C25
markup.changed#8DA329
markup.heading, markup.heading.setext, punctuation.definition.heading#935C25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8DA329
string.other.link.title, string.other.link.description#935C25
markup.underline.link#dce8c5underline
punctuation.definition.list#408321
markup.quote, punctuation.definition.quote#dce8c5italic
Morphous Theme by Ameyanagi - VS Code Theme