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#FFFDFA
  • activityBar.border#00000015
  • activityBar.foreground#932528
  • activityBar.inactiveForeground#1B171260
  • activityBarBadge.background#932528
  • activityBarBadge.foreground#FFFDFA
  • button.background#932528
  • button.foreground#FFFDFA
  • button.hoverBackground#932528dd
  • editor.background#FFFDFA
  • editor.foreground#1B1712
  • editor.inactiveSelectionBackground#3B83212580
  • editor.lineHighlightBackground#FFFBF050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#3B832125
  • editorCursor.foreground#932528
  • editorGroupHeader.tabsBackground#FFFBF0aa
  • editorLineNumber.activeForeground#932528
  • editorLineNumber.foreground#D8C4AC80
  • focusBorder#932528
  • foreground#1B1712
  • input.background#FFFBF0
  • input.border#00000015
  • input.foreground#1B1712
  • input.placeholderForeground#1B171260
  • list.activeSelectionBackground#93252830
  • list.activeSelectionForeground#1B1712
  • list.highlightForeground#932528
  • list.hoverBackground#FFFBF040
  • list.hoverForeground#1B1712
  • list.inactiveSelectionBackground#93252815
  • list.inactiveSelectionForeground#1B1712
  • selection.background#3B832125
  • sideBar.background#FFFBF0
  • sideBar.border#00000015
  • sideBar.foreground#1B1712
  • sideBarSectionHeader.background#FFFBF080
  • sideBarSectionHeader.foreground#1B1712
  • sideBarTitle.foreground#932528
  • statusBar.background#FFFDFA
  • statusBar.border#00000015
  • statusBar.foreground#1B1712
  • statusBar.noFolderBackground#FFFDFA
  • tab.activeBackground#FFFDFA
  • tab.activeBorderTop#932528
  • tab.activeForeground#1B1712
  • tab.border#00000015
  • tab.inactiveBackground#FFFDFA60
  • tab.inactiveForeground#1B171280
  • terminal.ansiBlack#1B1712
  • terminal.ansiBlue#3B8321
  • terminal.ansiCyan#91A329
  • terminal.ansiGreen#932528
  • terminal.ansiMagenta#761C19
  • terminal.ansiRed#761C19
  • terminal.ansiWhite#1B1712
  • terminal.ansiYellow#91A329
  • terminal.background#FFFDFA
  • terminal.foreground#1B1712
  • titleBar.activeBackground#FFFDFA
  • titleBar.activeForeground#1B1712
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFDFA
  • titleBar.inactiveForeground#1B171260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D8C4ACitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#3B8321bold
storage.type, storage.modifier#3B8321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932528
string, punctuation.definition.string, string.template, meta.template.expression#91A329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#761C19
variable, variable.other.readwrite, variable.other.object#1B1712
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1B1712
variable.parameter, meta.parameter#1B1712dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1B171280
keyword.operator#1B1712
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#91A329bold
entity.other.inherited-class#932528
entity.name.tag, punctuation.definition.tag#3B8321
entity.other.attribute-name#932528
meta.diff, meta.diff.header#D8C4AC
markup.deleted#761C19
markup.inserted#932528
markup.changed#91A329
markup.heading, markup.heading.setext, punctuation.definition.heading#932528bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#91A329
string.other.link.title, string.other.link.description#932528
markup.underline.link#D8C4ACunderline
punctuation.definition.list#3B8321
markup.quote, punctuation.definition.quote#D8C4ACitalic
Morphous Theme by Ameyanagi - VS Code Theme