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#93255E
  • activityBar.inactiveForeground#2b172660
  • activityBarBadge.background#93255E
  • activityBarBadge.foreground#FFFDFA
  • button.background#93255E
  • button.foreground#FFFDFA
  • button.hoverBackground#93255Edd
  • editor.background#FFFDFA
  • editor.foreground#2b1726
  • editor.inactiveSelectionBackground#3683212580
  • editor.lineHighlightBackground#FBF3F650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#36832125
  • editorCursor.foreground#93255E
  • editorGroupHeader.tabsBackground#FBF3F6aa
  • editorLineNumber.activeForeground#93255E
  • editorLineNumber.foreground#2E7A3F80
  • focusBorder#93255E
  • foreground#2b1726
  • input.background#FBF3F6
  • input.border#00000015
  • input.foreground#2b1726
  • input.placeholderForeground#2b172660
  • list.activeSelectionBackground#93255E30
  • list.activeSelectionForeground#2b1726
  • list.highlightForeground#93255E
  • list.hoverBackground#FBF3F640
  • list.hoverForeground#2b1726
  • list.inactiveSelectionBackground#93255E15
  • list.inactiveSelectionForeground#2b1726
  • selection.background#36832125
  • sideBar.background#FBF3F6
  • sideBar.border#00000015
  • sideBar.foreground#2b1726
  • sideBarSectionHeader.background#FBF3F680
  • sideBarSectionHeader.foreground#2b1726
  • sideBarTitle.foreground#93255E
  • statusBar.background#FFFDFA
  • statusBar.border#00000015
  • statusBar.foreground#2b1726
  • statusBar.noFolderBackground#FFFDFA
  • tab.activeBackground#FFFDFA
  • tab.activeBorderTop#93255E
  • tab.activeForeground#2b1726
  • tab.border#00000015
  • tab.inactiveBackground#FFFDFA60
  • tab.inactiveForeground#2b172680
  • terminal.ansiBlack#2b1726
  • terminal.ansiBlue#368321
  • terminal.ansiCyan#A32974
  • terminal.ansiGreen#93255E
  • terminal.ansiMagenta#765F19
  • terminal.ansiRed#765F19
  • terminal.ansiWhite#2b1726
  • terminal.ansiYellow#A32974
  • terminal.background#FFFDFA
  • terminal.foreground#2b1726
  • titleBar.activeBackground#FFFDFA
  • titleBar.activeForeground#2b1726
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFDFA
  • titleBar.inactiveForeground#2b172660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#2E7A3Fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#368321bold
storage.type, storage.modifier#368321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#93255E
string, punctuation.definition.string, string.template, meta.template.expression#A32974
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765F19
variable, variable.other.readwrite, variable.other.object#2b1726
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2b1726
variable.parameter, meta.parameter#2b1726dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2b172680
keyword.operator#2b1726
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A32974bold
entity.other.inherited-class#93255E
entity.name.tag, punctuation.definition.tag#368321
entity.other.attribute-name#93255E
meta.diff, meta.diff.header#2E7A3F
markup.deleted#765F19
markup.inserted#93255E
markup.changed#A32974
markup.heading, markup.heading.setext, punctuation.definition.heading#93255Ebold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A32974
string.other.link.title, string.other.link.description#93255E
markup.underline.link#2E7A3Funderline
punctuation.definition.list#368321
markup.quote, punctuation.definition.quote#2E7A3Fitalic
Morphous Theme by Ameyanagi - VS Code Theme