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#FCFDFC
  • activityBar.border#00000015
  • activityBar.foreground#932825
  • activityBar.inactiveForeground#12332660
  • activityBarBadge.background#932825
  • activityBarBadge.foreground#FCFDFC
  • button.background#932825
  • button.foreground#FCFDFC
  • button.hoverBackground#932825dd
  • editor.background#FCFDFC
  • editor.foreground#123326
  • editor.inactiveSelectionBackground#836D212580
  • editor.lineHighlightBackground#F7F7F750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#836D2125
  • editorCursor.foreground#932825
  • editorGroupHeader.tabsBackground#F7F7F7aa
  • editorLineNumber.activeForeground#932825
  • editorLineNumber.foreground#E6EBE280
  • focusBorder#932825
  • foreground#123326
  • input.background#F7F7F7
  • input.border#00000015
  • input.foreground#123326
  • input.placeholderForeground#12332660
  • list.activeSelectionBackground#93282530
  • list.activeSelectionForeground#123326
  • list.highlightForeground#932825
  • list.hoverBackground#F7F7F740
  • list.hoverForeground#123326
  • list.inactiveSelectionBackground#93282515
  • list.inactiveSelectionForeground#123326
  • selection.background#836D2125
  • sideBar.background#F7F7F7
  • sideBar.border#00000015
  • sideBar.foreground#123326
  • sideBarSectionHeader.background#F7F7F780
  • sideBarSectionHeader.foreground#123326
  • sideBarTitle.foreground#932825
  • statusBar.background#FCFDFC
  • statusBar.border#00000015
  • statusBar.foreground#123326
  • statusBar.noFolderBackground#FCFDFC
  • tab.activeBackground#FCFDFC
  • tab.activeBorderTop#932825
  • tab.activeForeground#123326
  • tab.border#00000015
  • tab.inactiveBackground#FCFDFC60
  • tab.inactiveForeground#12332680
  • terminal.ansiBlack#123326
  • terminal.ansiBlue#836D21
  • terminal.ansiCyan#2958A3
  • terminal.ansiGreen#932825
  • terminal.ansiMagenta#197643
  • terminal.ansiRed#197643
  • terminal.ansiWhite#123326
  • terminal.ansiYellow#2958A3
  • terminal.background#FCFDFC
  • terminal.foreground#123326
  • titleBar.activeBackground#FCFDFC
  • titleBar.activeForeground#123326
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFDFC
  • titleBar.inactiveForeground#12332660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E6EBE2italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836D21bold
storage.type, storage.modifier#836D21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932825
string, punctuation.definition.string, string.template, meta.template.expression#2958A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#197643
variable, variable.other.readwrite, variable.other.object#123326
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#123326
variable.parameter, meta.parameter#123326dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#12332680
keyword.operator#123326
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2958A3bold
entity.other.inherited-class#932825
entity.name.tag, punctuation.definition.tag#836D21
entity.other.attribute-name#932825
meta.diff, meta.diff.header#E6EBE2
markup.deleted#197643
markup.inserted#932825
markup.changed#2958A3
markup.heading, markup.heading.setext, punctuation.definition.heading#932825bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2958A3
string.other.link.title, string.other.link.description#932825
markup.underline.link#E6EBE2underline
punctuation.definition.list#836D21
markup.quote, punctuation.definition.quote#E6EBE2italic