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#93254F
  • activityBar.inactiveForeground#28161260
  • activityBarBadge.background#93254F
  • activityBarBadge.foreground#FFFDFA
  • button.background#93254F
  • button.foreground#FFFDFA
  • button.hoverBackground#93254Fdd
  • editor.background#FFFDFA
  • editor.foreground#281612
  • editor.inactiveSelectionBackground#8321412580
  • editor.lineHighlightBackground#FFFCF050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83214125
  • editorCursor.foreground#93254F
  • editorGroupHeader.tabsBackground#FFFCF0aa
  • editorLineNumber.activeForeground#93254F
  • editorLineNumber.foreground#dfe8b780
  • focusBorder#93254F
  • foreground#281612
  • input.background#FFFCF0
  • input.border#00000015
  • input.foreground#281612
  • input.placeholderForeground#28161260
  • list.activeSelectionBackground#93254F30
  • list.activeSelectionForeground#281612
  • list.highlightForeground#93254F
  • list.hoverBackground#FFFCF040
  • list.hoverForeground#281612
  • list.inactiveSelectionBackground#93254F15
  • list.inactiveSelectionForeground#281612
  • selection.background#83214125
  • sideBar.background#FFFCF0
  • sideBar.border#00000015
  • sideBar.foreground#281612
  • sideBarSectionHeader.background#FFFCF080
  • sideBarSectionHeader.foreground#281612
  • sideBarTitle.foreground#93254F
  • statusBar.background#FFFDFA
  • statusBar.border#00000015
  • statusBar.foreground#281612
  • statusBar.noFolderBackground#FFFDFA
  • tab.activeBackground#FFFDFA
  • tab.activeBorderTop#93254F
  • tab.activeForeground#281612
  • tab.border#00000015
  • tab.inactiveBackground#FFFDFA60
  • tab.inactiveForeground#28161280
  • terminal.ansiBlack#281612
  • terminal.ansiBlue#832141
  • terminal.ansiCyan#83A329
  • terminal.ansiGreen#93254F
  • terminal.ansiMagenta#19762A
  • terminal.ansiRed#19762A
  • terminal.ansiWhite#281612
  • terminal.ansiYellow#83A329
  • terminal.background#FFFDFA
  • terminal.foreground#281612
  • titleBar.activeBackground#FFFDFA
  • titleBar.activeForeground#281612
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFDFA
  • titleBar.inactiveForeground#28161260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#dfe8b7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#832141bold
storage.type, storage.modifier#832141italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#93254F
string, punctuation.definition.string, string.template, meta.template.expression#83A329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#19762A
variable, variable.other.readwrite, variable.other.object#281612
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#281612
variable.parameter, meta.parameter#281612dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#28161280
keyword.operator#281612
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#83A329bold
entity.other.inherited-class#93254F
entity.name.tag, punctuation.definition.tag#832141
entity.other.attribute-name#93254F
meta.diff, meta.diff.header#dfe8b7
markup.deleted#19762A
markup.inserted#93254F
markup.changed#83A329
markup.heading, markup.heading.setext, punctuation.definition.heading#93254Fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#83A329
string.other.link.title, string.other.link.description#93254F
markup.underline.link#dfe8b7underline
punctuation.definition.list#832141
markup.quote, punctuation.definition.quote#dfe8b7italic