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#FEFDFB
  • activityBar.border#00000015
  • activityBar.foreground#932C25
  • activityBar.inactiveForeground#231b1660
  • activityBarBadge.background#932C25
  • activityBarBadge.foreground#FEFDFB
  • button.background#932C25
  • button.foreground#FEFDFB
  • button.hoverBackground#932C25dd
  • editor.background#FEFDFB
  • editor.foreground#231b16
  • editor.inactiveSelectionBackground#833B212580
  • editor.lineHighlightBackground#F7F0E950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#833B2125
  • editorCursor.foreground#932C25
  • editorGroupHeader.tabsBackground#F7F0E9aa
  • editorLineNumber.activeForeground#932C25
  • editorLineNumber.foreground#b98d7380
  • focusBorder#932C25
  • foreground#231b16
  • input.background#F7F0E9
  • input.border#00000015
  • input.foreground#231b16
  • input.placeholderForeground#231b1660
  • list.activeSelectionBackground#932C2530
  • list.activeSelectionForeground#231b16
  • list.highlightForeground#932C25
  • list.hoverBackground#F7F0E940
  • list.hoverForeground#231b16
  • list.inactiveSelectionBackground#932C2515
  • list.inactiveSelectionForeground#231b16
  • selection.background#833B2125
  • sideBar.background#F7F0E9
  • sideBar.border#00000015
  • sideBar.foreground#231b16
  • sideBarSectionHeader.background#F7F0E980
  • sideBarSectionHeader.foreground#231b16
  • sideBarTitle.foreground#932C25
  • statusBar.background#FEFDFB
  • statusBar.border#00000015
  • statusBar.foreground#231b16
  • statusBar.noFolderBackground#FEFDFB
  • tab.activeBackground#FEFDFB
  • tab.activeBorderTop#932C25
  • tab.activeForeground#231b16
  • tab.border#00000015
  • tab.inactiveBackground#FEFDFB60
  • tab.inactiveForeground#231b1680
  • terminal.ansiBlack#231b16
  • terminal.ansiBlue#833B21
  • terminal.ansiCyan#A37029
  • terminal.ansiGreen#932C25
  • terminal.ansiMagenta#764019
  • terminal.ansiRed#764019
  • terminal.ansiWhite#231b16
  • terminal.ansiYellow#A37029
  • terminal.background#FEFDFB
  • terminal.foreground#231b16
  • titleBar.activeBackground#FEFDFB
  • titleBar.activeForeground#231b16
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FEFDFB
  • titleBar.inactiveForeground#231b1660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#b98d73italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#833B21bold
storage.type, storage.modifier#833B21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932C25
string, punctuation.definition.string, string.template, meta.template.expression#A37029
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#764019
variable, variable.other.readwrite, variable.other.object#231b16
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#231b16
variable.parameter, meta.parameter#231b16dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#231b1680
keyword.operator#231b16
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37029bold
entity.other.inherited-class#932C25
entity.name.tag, punctuation.definition.tag#833B21
entity.other.attribute-name#932C25
meta.diff, meta.diff.header#b98d73
markup.deleted#764019
markup.inserted#932C25
markup.changed#A37029
markup.heading, markup.heading.setext, punctuation.definition.heading#932C25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37029
string.other.link.title, string.other.link.description#932C25
markup.underline.link#b98d73underline
punctuation.definition.list#833B21
markup.quote, punctuation.definition.quote#b98d73italic
Morphous Theme by Ameyanagi - VS Code Theme