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#fcf8f3
  • activityBar.border#00000015
  • activityBar.foreground#c46a28
  • activityBar.inactiveForeground#1c1f2460
  • activityBarBadge.background#c46a28
  • activityBarBadge.foreground#fcf8f3
  • button.background#c46a28
  • button.foreground#fcf8f3
  • button.hoverBackground#c46a28dd
  • editor.background#fcf8f3
  • editor.foreground#1c1f24
  • editor.inactiveSelectionBackground#465a7d2580
  • editor.lineHighlightBackground#f2e7d950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#465a7d25
  • editorCursor.foreground#c46a28
  • editorGroupHeader.tabsBackground#f2e7d9aa
  • editorLineNumber.activeForeground#c46a28
  • editorLineNumber.foreground#e7d2b980
  • focusBorder#c46a28
  • foreground#1c1f24
  • input.background#f2e7d9
  • input.border#00000015
  • input.foreground#1c1f24
  • input.placeholderForeground#1c1f2460
  • list.activeSelectionBackground#c46a2830
  • list.activeSelectionForeground#1c1f24
  • list.highlightForeground#c46a28
  • list.hoverBackground#f2e7d940
  • list.hoverForeground#1c1f24
  • list.inactiveSelectionBackground#c46a2815
  • list.inactiveSelectionForeground#1c1f24
  • selection.background#465a7d25
  • sideBar.background#f2e7d9
  • sideBar.border#00000015
  • sideBar.foreground#1c1f24
  • sideBarSectionHeader.background#f2e7d980
  • sideBarSectionHeader.foreground#1c1f24
  • sideBarTitle.foreground#c46a28
  • statusBar.background#fcf8f3
  • statusBar.border#00000015
  • statusBar.foreground#1c1f24
  • statusBar.noFolderBackground#fcf8f3
  • tab.activeBackground#fcf8f3
  • tab.activeBorderTop#c46a28
  • tab.activeForeground#1c1f24
  • tab.border#00000015
  • tab.inactiveBackground#fcf8f360
  • tab.inactiveForeground#1c1f2480
  • terminal.ansiBlack#1c1f24
  • terminal.ansiBlue#465a7d
  • terminal.ansiCyan#35bee6
  • terminal.ansiGreen#c46a28
  • terminal.ansiMagenta#a64a2a
  • terminal.ansiRed#a64a2a
  • terminal.ansiWhite#1c1f24
  • terminal.ansiYellow#35bee6
  • terminal.background#fcf8f3
  • terminal.foreground#1c1f24
  • titleBar.activeBackground#fcf8f3
  • titleBar.activeForeground#1c1f24
  • titleBar.border#00000015
  • titleBar.inactiveBackground#fcf8f3
  • titleBar.inactiveForeground#1c1f2460
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#e7d2b9italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#465a7dbold
storage.type, storage.modifier#465a7ditalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#c46a28
string, punctuation.definition.string, string.template, meta.template.expression#35bee6
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#a64a2a
variable, variable.other.readwrite, variable.other.object#1c1f24
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1c1f24
variable.parameter, meta.parameter#1c1f24dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1c1f2480
keyword.operator#1c1f24
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#35bee6bold
entity.other.inherited-class#c46a28
entity.name.tag, punctuation.definition.tag#465a7d
entity.other.attribute-name#c46a28
meta.diff, meta.diff.header#e7d2b9
markup.deleted#a64a2a
markup.inserted#c46a28
markup.changed#35bee6
markup.heading, markup.heading.setext, punctuation.definition.heading#c46a28bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#35bee6
string.other.link.title, string.other.link.description#c46a28
markup.underline.link#e7d2b9underline
punctuation.definition.list#465a7d
markup.quote, punctuation.definition.quote#e7d2b9italic