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#FDFCFD
  • activityBar.border#00000015
  • activityBar.foreground#702593
  • activityBar.inactiveForeground#17101860
  • activityBarBadge.background#702593
  • activityBarBadge.foreground#FDFCFD
  • button.background#702593
  • button.foreground#FDFCFD
  • button.hoverBackground#702593dd
  • editor.background#FDFCFD
  • editor.foreground#171018
  • editor.inactiveSelectionBackground#5A21832580
  • editor.lineHighlightBackground#F1E9EE50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#5A218325
  • editorCursor.foreground#702593
  • editorGroupHeader.tabsBackground#F1E9EEaa
  • editorLineNumber.activeForeground#702593
  • editorLineNumber.foreground#73965a80
  • focusBorder#702593
  • foreground#171018
  • input.background#F1E9EE
  • input.border#00000015
  • input.foreground#171018
  • input.placeholderForeground#17101860
  • list.activeSelectionBackground#70259330
  • list.activeSelectionForeground#171018
  • list.highlightForeground#702593
  • list.hoverBackground#F1E9EE40
  • list.hoverForeground#171018
  • list.inactiveSelectionBackground#70259315
  • list.inactiveSelectionForeground#171018
  • selection.background#5A218325
  • sideBar.background#F1E9EE
  • sideBar.border#00000015
  • sideBar.foreground#171018
  • sideBarSectionHeader.background#F1E9EE80
  • sideBarSectionHeader.foreground#171018
  • sideBarTitle.foreground#702593
  • statusBar.background#FDFCFD
  • statusBar.border#00000015
  • statusBar.foreground#171018
  • statusBar.noFolderBackground#FDFCFD
  • tab.activeBackground#FDFCFD
  • tab.activeBorderTop#702593
  • tab.activeForeground#171018
  • tab.border#00000015
  • tab.inactiveBackground#FDFCFD60
  • tab.inactiveForeground#17101880
  • terminal.ansiBlack#171018
  • terminal.ansiBlue#5A2183
  • terminal.ansiCyan#A32964
  • terminal.ansiGreen#702593
  • terminal.ansiMagenta#357619
  • terminal.ansiRed#357619
  • terminal.ansiWhite#171018
  • terminal.ansiYellow#A32964
  • terminal.background#FDFCFD
  • terminal.foreground#171018
  • titleBar.activeBackground#FDFCFD
  • titleBar.activeForeground#171018
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFCFD
  • titleBar.inactiveForeground#17101860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#73965aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#5A2183bold
storage.type, storage.modifier#5A2183italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#702593
string, punctuation.definition.string, string.template, meta.template.expression#A32964
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#357619
variable, variable.other.readwrite, variable.other.object#171018
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#171018
variable.parameter, meta.parameter#171018dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#17101880
keyword.operator#171018
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A32964bold
entity.other.inherited-class#702593
entity.name.tag, punctuation.definition.tag#5A2183
entity.other.attribute-name#702593
meta.diff, meta.diff.header#73965a
markup.deleted#357619
markup.inserted#702593
markup.changed#A32964
markup.heading, markup.heading.setext, punctuation.definition.heading#702593bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A32964
string.other.link.title, string.other.link.description#702593
markup.underline.link#73965aunderline
punctuation.definition.list#5A2183
markup.quote, punctuation.definition.quote#73965aitalic