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#fbfaf6
  • activityBar.border#00000015
  • activityBar.foreground#c91f2c
  • activityBar.inactiveForeground#17141660
  • activityBarBadge.background#c91f2c
  • activityBarBadge.foreground#fbfaf6
  • button.background#c91f2c
  • button.foreground#fbfaf6
  • button.hoverBackground#c91f2cdd
  • editor.background#fbfaf6
  • editor.foreground#171416
  • editor.inactiveSelectionBackground#7a58412580
  • editor.lineHighlightBackground#f4c7c950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#7a584125
  • editorCursor.foreground#c91f2c
  • editorGroupHeader.tabsBackground#f4c7c9aa
  • editorLineNumber.activeForeground#c91f2c
  • editorLineNumber.foreground#d9d7d280
  • focusBorder#c91f2c
  • foreground#171416
  • input.background#f4c7c9
  • input.border#00000015
  • input.foreground#171416
  • input.placeholderForeground#17141660
  • list.activeSelectionBackground#c91f2c30
  • list.activeSelectionForeground#171416
  • list.highlightForeground#c91f2c
  • list.hoverBackground#f4c7c940
  • list.hoverForeground#171416
  • list.inactiveSelectionBackground#c91f2c15
  • list.inactiveSelectionForeground#171416
  • selection.background#7a584125
  • sideBar.background#f4c7c9
  • sideBar.border#00000015
  • sideBar.foreground#171416
  • sideBarSectionHeader.background#f4c7c980
  • sideBarSectionHeader.foreground#171416
  • sideBarTitle.foreground#c91f2c
  • statusBar.background#fbfaf6
  • statusBar.border#00000015
  • statusBar.foreground#171416
  • statusBar.noFolderBackground#fbfaf6
  • tab.activeBackground#fbfaf6
  • tab.activeBorderTop#c91f2c
  • tab.activeForeground#171416
  • tab.border#00000015
  • tab.inactiveBackground#fbfaf660
  • tab.inactiveForeground#17141680
  • terminal.ansiBlack#171416
  • terminal.ansiBlue#7a5841
  • terminal.ansiCyan#e34235
  • terminal.ansiGreen#c91f2c
  • terminal.ansiMagenta#e0a22f
  • terminal.ansiRed#e0a22f
  • terminal.ansiWhite#171416
  • terminal.ansiYellow#e34235
  • terminal.background#fbfaf6
  • terminal.foreground#171416
  • titleBar.activeBackground#fbfaf6
  • titleBar.activeForeground#171416
  • titleBar.border#00000015
  • titleBar.inactiveBackground#fbfaf6
  • titleBar.inactiveForeground#17141660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d9d7d2italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#7a5841bold
storage.type, storage.modifier#7a5841italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#c91f2c
string, punctuation.definition.string, string.template, meta.template.expression#e34235
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#e0a22f
variable, variable.other.readwrite, variable.other.object#171416
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#171416
variable.parameter, meta.parameter#171416dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#17141680
keyword.operator#171416
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#e34235bold
entity.other.inherited-class#c91f2c
entity.name.tag, punctuation.definition.tag#7a5841
entity.other.attribute-name#c91f2c
meta.diff, meta.diff.header#d9d7d2
markup.deleted#e0a22f
markup.inserted#c91f2c
markup.changed#e34235
markup.heading, markup.heading.setext, punctuation.definition.heading#c91f2cbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#e34235
string.other.link.title, string.other.link.description#c91f2c
markup.underline.link#d9d7d2underline
punctuation.definition.list#7a5841
markup.quote, punctuation.definition.quote#d9d7d2italic