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#F7F0E3
  • activityBar.border#00000015
  • activityBar.foreground#934925
  • activityBar.inactiveForeground#26364260
  • activityBarBadge.background#934925
  • activityBarBadge.foreground#F7F0E3
  • button.background#934925
  • button.foreground#F7F0E3
  • button.hoverBackground#934925dd
  • editor.background#F7F0E3
  • editor.foreground#263642
  • editor.inactiveSelectionBackground#215F832580
  • editor.lineHighlightBackground#FFFAF050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#215F8325
  • editorCursor.foreground#934925
  • editorGroupHeader.tabsBackground#FFFAF0aa
  • editorLineNumber.activeForeground#934925
  • editorLineNumber.foreground#d8c6a580
  • focusBorder#934925
  • foreground#263642
  • input.background#FFFAF0
  • input.border#00000015
  • input.foreground#263642
  • input.placeholderForeground#26364260
  • list.activeSelectionBackground#93492530
  • list.activeSelectionForeground#263642
  • list.highlightForeground#934925
  • list.hoverBackground#FFFAF040
  • list.hoverForeground#263642
  • list.inactiveSelectionBackground#93492515
  • list.inactiveSelectionForeground#263642
  • selection.background#215F8325
  • sideBar.background#FFFAF0
  • sideBar.border#00000015
  • sideBar.foreground#263642
  • sideBarSectionHeader.background#FFFAF080
  • sideBarSectionHeader.foreground#263642
  • sideBarTitle.foreground#934925
  • statusBar.background#F7F0E3
  • statusBar.border#00000015
  • statusBar.foreground#263642
  • statusBar.noFolderBackground#F7F0E3
  • tab.activeBackground#F7F0E3
  • tab.activeBorderTop#934925
  • tab.activeForeground#263642
  • tab.border#00000015
  • tab.inactiveBackground#F7F0E360
  • tab.inactiveForeground#26364280
  • terminal.ansiBlack#263642
  • terminal.ansiBlue#215F83
  • terminal.ansiCyan#298DA3
  • terminal.ansiGreen#934925
  • terminal.ansiMagenta#765219
  • terminal.ansiRed#765219
  • terminal.ansiWhite#263642
  • terminal.ansiYellow#298DA3
  • terminal.background#F7F0E3
  • terminal.foreground#263642
  • titleBar.activeBackground#F7F0E3
  • titleBar.activeForeground#263642
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F0E3
  • titleBar.inactiveForeground#26364260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d8c6a5italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#215F83bold
storage.type, storage.modifier#215F83italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#934925
string, punctuation.definition.string, string.template, meta.template.expression#298DA3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765219
variable, variable.other.readwrite, variable.other.object#263642
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#263642
variable.parameter, meta.parameter#263642dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#26364280
keyword.operator#263642
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#298DA3bold
entity.other.inherited-class#934925
entity.name.tag, punctuation.definition.tag#215F83
entity.other.attribute-name#934925
meta.diff, meta.diff.header#d8c6a5
markup.deleted#765219
markup.inserted#934925
markup.changed#298DA3
markup.heading, markup.heading.setext, punctuation.definition.heading#934925bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#298DA3
string.other.link.title, string.other.link.description#934925
markup.underline.link#d8c6a5underline
punctuation.definition.list#215F83
markup.quote, punctuation.definition.quote#d8c6a5italic
Morphous Theme by Ameyanagi - VS Code Theme