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#FAF8F4
  • activityBar.border#00000015
  • activityBar.foreground#B07A28
  • activityBar.inactiveForeground#0E1F2C60
  • activityBarBadge.background#B07A28
  • activityBarBadge.foreground#FAF8F4
  • button.background#B07A28
  • button.foreground#FAF8F4
  • button.hoverBackground#B07A28dd
  • editor.background#FAF8F4
  • editor.foreground#0E1F2C
  • editor.inactiveSelectionBackground#D49A3A2580
  • editor.lineHighlightBackground#FFFFFF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#D49A3A25
  • editorCursor.foreground#B07A28
  • editorGroupHeader.tabsBackground#FFFFFFaa
  • editorLineNumber.activeForeground#B07A28
  • editorLineNumber.foreground#EEF3F680
  • focusBorder#B07A28
  • foreground#0E1F2C
  • input.background#FFFFFF
  • input.border#00000015
  • input.foreground#0E1F2C
  • input.placeholderForeground#0E1F2C60
  • list.activeSelectionBackground#B07A2830
  • list.activeSelectionForeground#0E1F2C
  • list.highlightForeground#B07A28
  • list.hoverBackground#FFFFFF40
  • list.hoverForeground#0E1F2C
  • list.inactiveSelectionBackground#B07A2815
  • list.inactiveSelectionForeground#0E1F2C
  • selection.background#D49A3A25
  • sideBar.background#FFFFFF
  • sideBar.border#00000015
  • sideBar.foreground#0E1F2C
  • sideBarSectionHeader.background#FFFFFF80
  • sideBarSectionHeader.foreground#0E1F2C
  • sideBarTitle.foreground#B07A28
  • statusBar.background#FAF8F4
  • statusBar.border#00000015
  • statusBar.foreground#0E1F2C
  • statusBar.noFolderBackground#FAF8F4
  • tab.activeBackground#FAF8F4
  • tab.activeBorderTop#B07A28
  • tab.activeForeground#0E1F2C
  • tab.border#00000015
  • tab.inactiveBackground#FAF8F460
  • tab.inactiveForeground#0E1F2C80
  • terminal.ansiBlack#0E1F2C
  • terminal.ansiBlue#D49A3A
  • terminal.ansiCyan#A08B2E
  • terminal.ansiGreen#B07A28
  • terminal.ansiMagenta#2E668E
  • terminal.ansiRed#2E668E
  • terminal.ansiWhite#0E1F2C
  • terminal.ansiYellow#A08B2E
  • terminal.background#FAF8F4
  • terminal.foreground#0E1F2C
  • titleBar.activeBackground#FAF8F4
  • titleBar.activeForeground#0E1F2C
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAF8F4
  • titleBar.inactiveForeground#0E1F2C60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#EEF3F6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#D49A3Abold
storage.type, storage.modifier#D49A3Aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#B07A28
string, punctuation.definition.string, string.template, meta.template.expression#A08B2E
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#2E668E
variable, variable.other.readwrite, variable.other.object#0E1F2C
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0E1F2C
variable.parameter, meta.parameter#0E1F2Cdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0E1F2C80
keyword.operator#0E1F2C
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A08B2Ebold
entity.other.inherited-class#B07A28
entity.name.tag, punctuation.definition.tag#D49A3A
entity.other.attribute-name#B07A28
meta.diff, meta.diff.header#EEF3F6
markup.deleted#2E668E
markup.inserted#B07A28
markup.changed#A08B2E
markup.heading, markup.heading.setext, punctuation.definition.heading#B07A28bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A08B2E
string.other.link.title, string.other.link.description#B07A28
markup.underline.link#EEF3F6underline
punctuation.definition.list#D49A3A
markup.quote, punctuation.definition.quote#EEF3F6italic