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#FBFAFF
  • activityBar.border#00000015
  • activityBar.foreground#5C2593
  • activityBar.inactiveForeground#221B2A60
  • activityBarBadge.background#5C2593
  • activityBarBadge.foreground#FBFAFF
  • button.background#5C2593
  • button.foreground#FBFAFF
  • button.hoverBackground#5C2593dd
  • editor.background#FBFAFF
  • editor.foreground#221B2A
  • editor.inactiveSelectionBackground#5B83212580
  • editor.lineHighlightBackground#F8F3FC50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#5B832125
  • editorCursor.foreground#5C2593
  • editorGroupHeader.tabsBackground#F8F3FCaa
  • editorLineNumber.activeForeground#5C2593
  • editorLineNumber.foreground#B49AA780
  • focusBorder#5C2593
  • foreground#221B2A
  • input.background#F8F3FC
  • input.border#00000015
  • input.foreground#221B2A
  • input.placeholderForeground#221B2A60
  • list.activeSelectionBackground#5C259330
  • list.activeSelectionForeground#221B2A
  • list.highlightForeground#5C2593
  • list.hoverBackground#F8F3FC40
  • list.hoverForeground#221B2A
  • list.inactiveSelectionBackground#5C259315
  • list.inactiveSelectionForeground#221B2A
  • selection.background#5B832125
  • sideBar.background#F8F3FC
  • sideBar.border#00000015
  • sideBar.foreground#221B2A
  • sideBarSectionHeader.background#F8F3FC80
  • sideBarSectionHeader.foreground#221B2A
  • sideBarTitle.foreground#5C2593
  • statusBar.background#FBFAFF
  • statusBar.border#00000015
  • statusBar.foreground#221B2A
  • statusBar.noFolderBackground#FBFAFF
  • tab.activeBackground#FBFAFF
  • tab.activeBorderTop#5C2593
  • tab.activeForeground#221B2A
  • tab.border#00000015
  • tab.inactiveBackground#FBFAFF60
  • tab.inactiveForeground#221B2A80
  • terminal.ansiBlack#221B2A
  • terminal.ansiBlue#5B8321
  • terminal.ansiCyan#6629A3
  • terminal.ansiGreen#5C2593
  • terminal.ansiMagenta#765C19
  • terminal.ansiRed#765C19
  • terminal.ansiWhite#221B2A
  • terminal.ansiYellow#6629A3
  • terminal.background#FBFAFF
  • terminal.foreground#221B2A
  • titleBar.activeBackground#FBFAFF
  • titleBar.activeForeground#221B2A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FBFAFF
  • titleBar.inactiveForeground#221B2A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B49AA7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#5B8321bold
storage.type, storage.modifier#5B8321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#5C2593
string, punctuation.definition.string, string.template, meta.template.expression#6629A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765C19
variable, variable.other.readwrite, variable.other.object#221B2A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#221B2A
variable.parameter, meta.parameter#221B2Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#221B2A80
keyword.operator#221B2A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#6629A3bold
entity.other.inherited-class#5C2593
entity.name.tag, punctuation.definition.tag#5B8321
entity.other.attribute-name#5C2593
meta.diff, meta.diff.header#B49AA7
markup.deleted#765C19
markup.inserted#5C2593
markup.changed#6629A3
markup.heading, markup.heading.setext, punctuation.definition.heading#5C2593bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#6629A3
string.other.link.title, string.other.link.description#5C2593
markup.underline.link#B49AA7underline
punctuation.definition.list#5B8321
markup.quote, punctuation.definition.quote#B49AA7italic