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#FDFDFC
  • activityBar.border#00000015
  • activityBar.foreground#93255E
  • activityBar.inactiveForeground#2B2B2B60
  • activityBarBadge.background#93255E
  • activityBarBadge.foreground#FDFDFC
  • button.background#93255E
  • button.foreground#FDFDFC
  • button.hoverBackground#93255Edd
  • editor.background#FDFDFC
  • editor.foreground#2B2B2B
  • editor.inactiveSelectionBackground#3E83212580
  • editor.lineHighlightBackground#FFF0F650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#3E832125
  • editorCursor.foreground#93255E
  • editorGroupHeader.tabsBackground#FFF0F6aa
  • editorLineNumber.activeForeground#93255E
  • editorLineNumber.foreground#D6B77A80
  • focusBorder#93255E
  • foreground#2B2B2B
  • input.background#FFF0F6
  • input.border#00000015
  • input.foreground#2B2B2B
  • input.placeholderForeground#2B2B2B60
  • list.activeSelectionBackground#93255E30
  • list.activeSelectionForeground#2B2B2B
  • list.highlightForeground#93255E
  • list.hoverBackground#FFF0F640
  • list.hoverForeground#2B2B2B
  • list.inactiveSelectionBackground#93255E15
  • list.inactiveSelectionForeground#2B2B2B
  • selection.background#3E832125
  • sideBar.background#FFF0F6
  • sideBar.border#00000015
  • sideBar.foreground#2B2B2B
  • sideBarSectionHeader.background#FFF0F680
  • sideBarSectionHeader.foreground#2B2B2B
  • sideBarTitle.foreground#93255E
  • statusBar.background#FDFDFC
  • statusBar.border#00000015
  • statusBar.foreground#2B2B2B
  • statusBar.noFolderBackground#FDFDFC
  • tab.activeBackground#FDFDFC
  • tab.activeBorderTop#93255E
  • tab.activeForeground#2B2B2B
  • tab.border#00000015
  • tab.inactiveBackground#FDFDFC60
  • tab.inactiveForeground#2B2B2B80
  • terminal.ansiBlack#2B2B2B
  • terminal.ansiBlue#3E8321
  • terminal.ansiCyan#A38529
  • terminal.ansiGreen#93255E
  • terminal.ansiMagenta#761946
  • terminal.ansiRed#761946
  • terminal.ansiWhite#2B2B2B
  • terminal.ansiYellow#A38529
  • terminal.background#FDFDFC
  • terminal.foreground#2B2B2B
  • titleBar.activeBackground#FDFDFC
  • titleBar.activeForeground#2B2B2B
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFDFC
  • titleBar.inactiveForeground#2B2B2B60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D6B77Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#3E8321bold
storage.type, storage.modifier#3E8321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#93255E
string, punctuation.definition.string, string.template, meta.template.expression#A38529
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#761946
variable, variable.other.readwrite, variable.other.object#2B2B2B
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2B2B2B
variable.parameter, meta.parameter#2B2B2Bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2B2B2B80
keyword.operator#2B2B2B
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A38529bold
entity.other.inherited-class#93255E
entity.name.tag, punctuation.definition.tag#3E8321
entity.other.attribute-name#93255E
meta.diff, meta.diff.header#D6B77A
markup.deleted#761946
markup.inserted#93255E
markup.changed#A38529
markup.heading, markup.heading.setext, punctuation.definition.heading#93255Ebold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A38529
string.other.link.title, string.other.link.description#93255E
markup.underline.link#D6B77Aunderline
punctuation.definition.list#3E8321
markup.quote, punctuation.definition.quote#D6B77Aitalic