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#FFFDFA
  • activityBar.border#00000015
  • activityBar.foreground#932540
  • activityBar.inactiveForeground#26111660
  • activityBarBadge.background#932540
  • activityBarBadge.foreground#FFFDFA
  • button.background#932540
  • button.foreground#FFFDFA
  • button.hoverBackground#932540dd
  • editor.background#FFFDFA
  • editor.foreground#261116
  • editor.inactiveSelectionBackground#8321362580
  • editor.lineHighlightBackground#F8F0E350
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83213625
  • editorCursor.foreground#932540
  • editorGroupHeader.tabsBackground#F8F0E3aa
  • editorLineNumber.activeForeground#932540
  • editorLineNumber.foreground#e83f6380
  • focusBorder#932540
  • foreground#261116
  • input.background#F8F0E3
  • input.border#00000015
  • input.foreground#261116
  • input.placeholderForeground#26111660
  • list.activeSelectionBackground#93254030
  • list.activeSelectionForeground#261116
  • list.highlightForeground#932540
  • list.hoverBackground#F8F0E340
  • list.hoverForeground#261116
  • list.inactiveSelectionBackground#93254015
  • list.inactiveSelectionForeground#261116
  • selection.background#83213625
  • sideBar.background#F8F0E3
  • sideBar.border#00000015
  • sideBar.foreground#261116
  • sideBarSectionHeader.background#F8F0E380
  • sideBarSectionHeader.foreground#261116
  • sideBarTitle.foreground#932540
  • statusBar.background#FFFDFA
  • statusBar.border#00000015
  • statusBar.foreground#261116
  • statusBar.noFolderBackground#FFFDFA
  • tab.activeBackground#FFFDFA
  • tab.activeBorderTop#932540
  • tab.activeForeground#261116
  • tab.border#00000015
  • tab.inactiveBackground#FFFDFA60
  • tab.inactiveForeground#26111680
  • terminal.ansiBlack#261116
  • terminal.ansiBlue#832136
  • terminal.ansiCyan#A37E29
  • terminal.ansiGreen#932540
  • terminal.ansiMagenta#2A7619
  • terminal.ansiRed#2A7619
  • terminal.ansiWhite#261116
  • terminal.ansiYellow#A37E29
  • terminal.background#FFFDFA
  • terminal.foreground#261116
  • titleBar.activeBackground#FFFDFA
  • titleBar.activeForeground#261116
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFDFA
  • titleBar.inactiveForeground#26111660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#e83f63italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#832136bold
storage.type, storage.modifier#832136italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932540
string, punctuation.definition.string, string.template, meta.template.expression#A37E29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#2A7619
variable, variable.other.readwrite, variable.other.object#261116
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#261116
variable.parameter, meta.parameter#261116dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#26111680
keyword.operator#261116
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37E29bold
entity.other.inherited-class#932540
entity.name.tag, punctuation.definition.tag#832136
entity.other.attribute-name#932540
meta.diff, meta.diff.header#e83f63
markup.deleted#2A7619
markup.inserted#932540
markup.changed#A37E29
markup.heading, markup.heading.setext, punctuation.definition.heading#932540bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37E29
string.other.link.title, string.other.link.description#932540
markup.underline.link#e83f63underline
punctuation.definition.list#832136
markup.quote, punctuation.definition.quote#e83f63italic