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#2D1C40
  • activityBar.border#ffffff15
  • activityBar.foreground#AF67E9
  • activityBar.inactiveForeground#F7F3EA60
  • activityBarBadge.background#AF67E9
  • activityBarBadge.foreground#2D1C40
  • button.background#AF67E9
  • button.foreground#2D1C40
  • button.hoverBackground#AF67E9dd
  • editor.background#2D1C40
  • editor.foreground#F7F3EA
  • editor.inactiveSelectionBackground#79ABEC3580
  • editor.lineHighlightBackground#14121740
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ABEC35
  • editorCursor.foreground#AF67E9
  • editorGroupHeader.tabsBackground#2D1C40dd
  • editorLineNumber.activeForeground#AF67E9
  • editorLineNumber.foreground#8EA0B780
  • focusBorder#AF67E9
  • foreground#F7F3EA
  • input.background#141217
  • input.border#ffffff15
  • input.foreground#F7F3EA
  • input.placeholderForeground#F7F3EA60
  • list.activeSelectionBackground#AF67E930
  • list.activeSelectionForeground#F7F3EA
  • list.highlightForeground#AF67E9
  • list.hoverBackground#14121740
  • list.hoverForeground#F7F3EA
  • list.inactiveSelectionBackground#AF67E915
  • list.inactiveSelectionForeground#F7F3EA
  • selection.background#79ABEC35
  • sideBar.background#141217
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F3EA
  • sideBarSectionHeader.background#2D1C4080
  • sideBarSectionHeader.foreground#F7F3EA
  • sideBarTitle.foreground#AF67E9
  • statusBar.background#2D1C40
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F3EA
  • statusBar.noFolderBackground#2D1C40
  • tab.activeBackground#2D1C40
  • tab.activeBorderTop#AF67E9
  • tab.activeForeground#F7F3EA
  • tab.border#ffffff15
  • tab.inactiveBackground#14121760
  • tab.inactiveForeground#F7F3EA80
  • terminal.ansiBlack#2D1C40
  • terminal.ansiBlue#79ABEC
  • terminal.ansiCyan#A8E755
  • terminal.ansiGreen#AF67E9
  • terminal.ansiMagenta#F1B383
  • terminal.ansiRed#F1B383
  • terminal.ansiWhite#F7F3EA
  • terminal.ansiYellow#A8E755
  • terminal.background#2D1C40
  • terminal.foreground#F7F3EA
  • titleBar.activeBackground#2D1C40
  • titleBar.activeForeground#F7F3EA
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2D1C40
  • titleBar.inactiveForeground#F7F3EA60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8EA0B7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ABECbold
storage.type, storage.modifier#79ABECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#AF67E9
string, punctuation.definition.string, string.template, meta.template.expression#A8E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1B383
variable, variable.other.readwrite, variable.other.object#F7F3EA
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F3EA
variable.parameter, meta.parameter#F7F3EAdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F3EA80
keyword.operator#F7F3EA
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A8E755bold
entity.other.inherited-class#AF67E9
entity.name.tag, punctuation.definition.tag#79ABEC
entity.other.attribute-name#AF67E9
meta.diff, meta.diff.header#8EA0B7
markup.deleted#F1B383
markup.inserted#AF67E9
markup.changed#A8E755
markup.heading, markup.heading.setext, punctuation.definition.heading#AF67E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A8E755
string.other.link.title, string.other.link.description#AF67E9
markup.underline.link#8EA0B7underline
punctuation.definition.list#79ABEC
markup.quote, punctuation.definition.quote#8EA0B7italic