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#FBF8F4
  • activityBar.border#00000015
  • activityBar.foreground#932528
  • activityBar.inactiveForeground#1F171360
  • activityBarBadge.background#932528
  • activityBarBadge.foreground#FBF8F4
  • button.background#932528
  • button.foreground#FBF8F4
  • button.hoverBackground#932528dd
  • editor.background#FBF8F4
  • editor.foreground#1F1713
  • editor.inactiveSelectionBackground#835A212580
  • editor.lineHighlightBackground#FFF9F050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#835A2125
  • editorCursor.foreground#932528
  • editorGroupHeader.tabsBackground#FFF9F0aa
  • editorLineNumber.activeForeground#932528
  • editorLineNumber.foreground#E8D9B580
  • focusBorder#932528
  • foreground#1F1713
  • input.background#FFF9F0
  • input.border#00000015
  • input.foreground#1F1713
  • input.placeholderForeground#1F171360
  • list.activeSelectionBackground#93252830
  • list.activeSelectionForeground#1F1713
  • list.highlightForeground#932528
  • list.hoverBackground#FFF9F040
  • list.hoverForeground#1F1713
  • list.inactiveSelectionBackground#93252815
  • list.inactiveSelectionForeground#1F1713
  • selection.background#835A2125
  • sideBar.background#FFF9F0
  • sideBar.border#00000015
  • sideBar.foreground#1F1713
  • sideBarSectionHeader.background#FFF9F080
  • sideBarSectionHeader.foreground#1F1713
  • sideBarTitle.foreground#932528
  • statusBar.background#FBF8F4
  • statusBar.border#00000015
  • statusBar.foreground#1F1713
  • statusBar.noFolderBackground#FBF8F4
  • tab.activeBackground#FBF8F4
  • tab.activeBorderTop#932528
  • tab.activeForeground#1F1713
  • tab.border#00000015
  • tab.inactiveBackground#FBF8F460
  • tab.inactiveForeground#1F171380
  • terminal.ansiBlack#1F1713
  • terminal.ansiBlue#835A21
  • terminal.ansiCyan#A37029
  • terminal.ansiGreen#932528
  • terminal.ansiMagenta#765119
  • terminal.ansiRed#765119
  • terminal.ansiWhite#1F1713
  • terminal.ansiYellow#A37029
  • terminal.background#FBF8F4
  • terminal.foreground#1F1713
  • titleBar.activeBackground#FBF8F4
  • titleBar.activeForeground#1F1713
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FBF8F4
  • titleBar.inactiveForeground#1F171360
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E8D9B5italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#835A21bold
storage.type, storage.modifier#835A21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932528
string, punctuation.definition.string, string.template, meta.template.expression#A37029
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765119
variable, variable.other.readwrite, variable.other.object#1F1713
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1F1713
variable.parameter, meta.parameter#1F1713dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1F171380
keyword.operator#1F1713
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37029bold
entity.other.inherited-class#932528
entity.name.tag, punctuation.definition.tag#835A21
entity.other.attribute-name#932528
meta.diff, meta.diff.header#E8D9B5
markup.deleted#765119
markup.inserted#932528
markup.changed#A37029
markup.heading, markup.heading.setext, punctuation.definition.heading#932528bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37029
string.other.link.title, string.other.link.description#932528
markup.underline.link#E8D9B5underline
punctuation.definition.list#835A21
markup.quote, punctuation.definition.quote#E8D9B5italic