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#FAEDE6
  • activityBar.border#00000015
  • activityBar.foreground#932535
  • activityBar.inactiveForeground#3b251c60
  • activityBarBadge.background#932535
  • activityBarBadge.foreground#FAEDE6
  • button.background#932535
  • button.foreground#FAEDE6
  • button.hoverBackground#932535dd
  • editor.background#FAEDE6
  • editor.foreground#3b251c
  • editor.inactiveSelectionBackground#83212E2580
  • editor.lineHighlightBackground#FFF8F050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83212E25
  • editorCursor.foreground#932535
  • editorGroupHeader.tabsBackground#FFF8F0aa
  • editorLineNumber.activeForeground#932535
  • editorLineNumber.foreground#b98d7780
  • focusBorder#932535
  • foreground#3b251c
  • input.background#FFF8F0
  • input.border#00000015
  • input.foreground#3b251c
  • input.placeholderForeground#3b251c60
  • list.activeSelectionBackground#93253530
  • list.activeSelectionForeground#3b251c
  • list.highlightForeground#932535
  • list.hoverBackground#FFF8F040
  • list.hoverForeground#3b251c
  • list.inactiveSelectionBackground#93253515
  • list.inactiveSelectionForeground#3b251c
  • selection.background#83212E25
  • sideBar.background#FFF8F0
  • sideBar.border#00000015
  • sideBar.foreground#3b251c
  • sideBarSectionHeader.background#FFF8F080
  • sideBarSectionHeader.foreground#3b251c
  • sideBarTitle.foreground#932535
  • statusBar.background#FAEDE6
  • statusBar.border#00000015
  • statusBar.foreground#3b251c
  • statusBar.noFolderBackground#FAEDE6
  • tab.activeBackground#FAEDE6
  • tab.activeBorderTop#932535
  • tab.activeForeground#3b251c
  • tab.border#00000015
  • tab.inactiveBackground#FAEDE660
  • tab.inactiveForeground#3b251c80
  • terminal.ansiBlack#3b251c
  • terminal.ansiBlue#83212E
  • terminal.ansiCyan#A35829
  • terminal.ansiGreen#932535
  • terminal.ansiMagenta#764F19
  • terminal.ansiRed#764F19
  • terminal.ansiWhite#3b251c
  • terminal.ansiYellow#A35829
  • terminal.background#FAEDE6
  • terminal.foreground#3b251c
  • titleBar.activeBackground#FAEDE6
  • titleBar.activeForeground#3b251c
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAEDE6
  • titleBar.inactiveForeground#3b251c60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#b98d77italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#83212Ebold
storage.type, storage.modifier#83212Eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932535
string, punctuation.definition.string, string.template, meta.template.expression#A35829
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#764F19
variable, variable.other.readwrite, variable.other.object#3b251c
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#3b251c
variable.parameter, meta.parameter#3b251cdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#3b251c80
keyword.operator#3b251c
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A35829bold
entity.other.inherited-class#932535
entity.name.tag, punctuation.definition.tag#83212E
entity.other.attribute-name#932535
meta.diff, meta.diff.header#b98d77
markup.deleted#764F19
markup.inserted#932535
markup.changed#A35829
markup.heading, markup.heading.setext, punctuation.definition.heading#932535bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A35829
string.other.link.title, string.other.link.description#932535
markup.underline.link#b98d77underline
punctuation.definition.list#83212E
markup.quote, punctuation.definition.quote#b98d77italic
Morphous Theme by Ameyanagi - VS Code Theme