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#FBF9F4
  • activityBar.border#00000015
  • activityBar.foreground#932561
  • activityBar.inactiveForeground#2B2F2B60
  • activityBarBadge.background#932561
  • activityBarBadge.foreground#FBF9F4
  • button.background#932561
  • button.foreground#FBF9F4
  • button.hoverBackground#932561dd
  • editor.background#FBF9F4
  • editor.foreground#2B2F2B
  • editor.inactiveSelectionBackground#2C83212580
  • editor.lineHighlightBackground#AEBEA750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2C832125
  • editorCursor.foreground#932561
  • editorGroupHeader.tabsBackground#AEBEA7aa
  • editorLineNumber.activeForeground#932561
  • editorLineNumber.foreground#D2BE9B80
  • focusBorder#932561
  • foreground#2B2F2B
  • input.background#AEBEA7
  • input.border#00000015
  • input.foreground#2B2F2B
  • input.placeholderForeground#2B2F2B60
  • list.activeSelectionBackground#93256130
  • list.activeSelectionForeground#2B2F2B
  • list.highlightForeground#932561
  • list.hoverBackground#AEBEA740
  • list.hoverForeground#2B2F2B
  • list.inactiveSelectionBackground#93256115
  • list.inactiveSelectionForeground#2B2F2B
  • selection.background#2C832125
  • sideBar.background#AEBEA7
  • sideBar.border#00000015
  • sideBar.foreground#2B2F2B
  • sideBarSectionHeader.background#AEBEA780
  • sideBarSectionHeader.foreground#2B2F2B
  • sideBarTitle.foreground#932561
  • statusBar.background#FBF9F4
  • statusBar.border#00000015
  • statusBar.foreground#2B2F2B
  • statusBar.noFolderBackground#FBF9F4
  • tab.activeBackground#FBF9F4
  • tab.activeBorderTop#932561
  • tab.activeForeground#2B2F2B
  • tab.border#00000015
  • tab.inactiveBackground#FBF9F460
  • tab.inactiveForeground#2B2F2B80
  • terminal.ansiBlack#2B2F2B
  • terminal.ansiBlue#2C8321
  • terminal.ansiCyan#A3295C
  • terminal.ansiGreen#932561
  • terminal.ansiMagenta#197624
  • terminal.ansiRed#197624
  • terminal.ansiWhite#2B2F2B
  • terminal.ansiYellow#A3295C
  • terminal.background#FBF9F4
  • terminal.foreground#2B2F2B
  • titleBar.activeBackground#FBF9F4
  • titleBar.activeForeground#2B2F2B
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FBF9F4
  • titleBar.inactiveForeground#2B2F2B60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D2BE9Bitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2C8321bold
storage.type, storage.modifier#2C8321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932561
string, punctuation.definition.string, string.template, meta.template.expression#A3295C
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#197624
variable, variable.other.readwrite, variable.other.object#2B2F2B
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2B2F2B
variable.parameter, meta.parameter#2B2F2Bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2B2F2B80
keyword.operator#2B2F2B
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A3295Cbold
entity.other.inherited-class#932561
entity.name.tag, punctuation.definition.tag#2C8321
entity.other.attribute-name#932561
meta.diff, meta.diff.header#D2BE9B
markup.deleted#197624
markup.inserted#932561
markup.changed#A3295C
markup.heading, markup.heading.setext, punctuation.definition.heading#932561bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A3295C
string.other.link.title, string.other.link.description#932561
markup.underline.link#D2BE9Bunderline
punctuation.definition.list#2C8321
markup.quote, punctuation.definition.quote#D2BE9Bitalic