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#932551
  • activityBar.inactiveForeground#2a201960
  • activityBarBadge.background#932551
  • activityBarBadge.foreground#FFFDFA
  • button.background#932551
  • button.foreground#FFFDFA
  • button.hoverBackground#932551dd
  • editor.background#FFFDFA
  • editor.foreground#2a2019
  • editor.inactiveSelectionBackground#834E212580
  • editor.lineHighlightBackground#FBF8F450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#834E2125
  • editorCursor.foreground#932551
  • editorGroupHeader.tabsBackground#FBF8F4aa
  • editorLineNumber.activeForeground#932551
  • editorLineNumber.foreground#d8c7b880
  • focusBorder#932551
  • foreground#2a2019
  • input.background#FBF8F4
  • input.border#00000015
  • input.foreground#2a2019
  • input.placeholderForeground#2a201960
  • list.activeSelectionBackground#93255130
  • list.activeSelectionForeground#2a2019
  • list.highlightForeground#932551
  • list.hoverBackground#FBF8F440
  • list.hoverForeground#2a2019
  • list.inactiveSelectionBackground#93255115
  • list.inactiveSelectionForeground#2a2019
  • selection.background#834E2125
  • sideBar.background#FBF8F4
  • sideBar.border#00000015
  • sideBar.foreground#2a2019
  • sideBarSectionHeader.background#FBF8F480
  • sideBarSectionHeader.foreground#2a2019
  • sideBarTitle.foreground#932551
  • statusBar.background#FFFDFA
  • statusBar.border#00000015
  • statusBar.foreground#2a2019
  • statusBar.noFolderBackground#FFFDFA
  • tab.activeBackground#FFFDFA
  • tab.activeBorderTop#932551
  • tab.activeForeground#2a2019
  • tab.border#00000015
  • tab.inactiveBackground#FFFDFA60
  • tab.inactiveForeground#2a201980
  • terminal.ansiBlack#2a2019
  • terminal.ansiBlue#834E21
  • terminal.ansiCyan#A37429
  • terminal.ansiGreen#932551
  • terminal.ansiMagenta#19762A
  • terminal.ansiRed#19762A
  • terminal.ansiWhite#2a2019
  • terminal.ansiYellow#A37429
  • terminal.background#FFFDFA
  • terminal.foreground#2a2019
  • titleBar.activeBackground#FFFDFA
  • titleBar.activeForeground#2a2019
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFDFA
  • titleBar.inactiveForeground#2a201960
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d8c7b8italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#834E21bold
storage.type, storage.modifier#834E21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932551
string, punctuation.definition.string, string.template, meta.template.expression#A37429
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#19762A
variable, variable.other.readwrite, variable.other.object#2a2019
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2a2019
variable.parameter, meta.parameter#2a2019dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2a201980
keyword.operator#2a2019
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37429bold
entity.other.inherited-class#932551
entity.name.tag, punctuation.definition.tag#834E21
entity.other.attribute-name#932551
meta.diff, meta.diff.header#d8c7b8
markup.deleted#19762A
markup.inserted#932551
markup.changed#A37429
markup.heading, markup.heading.setext, punctuation.definition.heading#932551bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37429
string.other.link.title, string.other.link.description#932551
markup.underline.link#d8c7b8underline
punctuation.definition.list#834E21
markup.quote, punctuation.definition.quote#d8c7b8italic