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#FFFEFA
  • activityBar.border#00000015
  • activityBar.foreground#462593
  • activityBar.inactiveForeground#17151d60
  • activityBarBadge.background#462593
  • activityBarBadge.foreground#FFFEFA
  • button.background#462593
  • button.foreground#FFFEFA
  • button.hoverBackground#462593dd
  • editor.background#FFFEFA
  • editor.foreground#17151d
  • editor.inactiveSelectionBackground#21835F2580
  • editor.lineHighlightBackground#F4F0FF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21835F25
  • editorCursor.foreground#462593
  • editorGroupHeader.tabsBackground#F4F0FFaa
  • editorLineNumber.activeForeground#462593
  • editorLineNumber.foreground#d7f2df80
  • focusBorder#462593
  • foreground#17151d
  • input.background#F4F0FF
  • input.border#00000015
  • input.foreground#17151d
  • input.placeholderForeground#17151d60
  • list.activeSelectionBackground#46259330
  • list.activeSelectionForeground#17151d
  • list.highlightForeground#462593
  • list.hoverBackground#F4F0FF40
  • list.hoverForeground#17151d
  • list.inactiveSelectionBackground#46259315
  • list.inactiveSelectionForeground#17151d
  • selection.background#21835F25
  • sideBar.background#F4F0FF
  • sideBar.border#00000015
  • sideBar.foreground#17151d
  • sideBarSectionHeader.background#F4F0FF80
  • sideBarSectionHeader.foreground#17151d
  • sideBarTitle.foreground#462593
  • statusBar.background#FFFEFA
  • statusBar.border#00000015
  • statusBar.foreground#17151d
  • statusBar.noFolderBackground#FFFEFA
  • tab.activeBackground#FFFEFA
  • tab.activeBorderTop#462593
  • tab.activeForeground#17151d
  • tab.border#00000015
  • tab.inactiveBackground#FFFEFA60
  • tab.inactiveForeground#17151d80
  • terminal.ansiBlack#17151d
  • terminal.ansiBlue#21835F
  • terminal.ansiCyan#A38929
  • terminal.ansiGreen#462593
  • terminal.ansiMagenta#762119
  • terminal.ansiRed#762119
  • terminal.ansiWhite#17151d
  • terminal.ansiYellow#A38929
  • terminal.background#FFFEFA
  • terminal.foreground#17151d
  • titleBar.activeBackground#FFFEFA
  • titleBar.activeForeground#17151d
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFEFA
  • titleBar.inactiveForeground#17151d60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d7f2dfitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#21835Fbold
storage.type, storage.modifier#21835Fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#462593
string, punctuation.definition.string, string.template, meta.template.expression#A38929
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#762119
variable, variable.other.readwrite, variable.other.object#17151d
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#17151d
variable.parameter, meta.parameter#17151ddditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#17151d80
keyword.operator#17151d
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A38929bold
entity.other.inherited-class#462593
entity.name.tag, punctuation.definition.tag#21835F
entity.other.attribute-name#462593
meta.diff, meta.diff.header#d7f2df
markup.deleted#762119
markup.inserted#462593
markup.changed#A38929
markup.heading, markup.heading.setext, punctuation.definition.heading#462593bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A38929
string.other.link.title, string.other.link.description#462593
markup.underline.link#d7f2dfunderline
punctuation.definition.list#21835F
markup.quote, punctuation.definition.quote#d7f2dfitalic