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#FDFDFC
  • activityBar.border#00000015
  • activityBar.foreground#936C25
  • activityBar.inactiveForeground#2B2D2E60
  • activityBarBadge.background#936C25
  • activityBarBadge.foreground#FDFDFC
  • button.background#936C25
  • button.foreground#FDFDFC
  • button.hoverBackground#936C25dd
  • editor.background#FDFDFC
  • editor.foreground#2B2D2E
  • editor.inactiveSelectionBackground#8360212580
  • editor.lineHighlightBackground#FFFCF050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83602125
  • editorCursor.foreground#936C25
  • editorGroupHeader.tabsBackground#FFFCF0aa
  • editorLineNumber.activeForeground#936C25
  • editorLineNumber.foreground#ECE7DC80
  • focusBorder#936C25
  • foreground#2B2D2E
  • input.background#FFFCF0
  • input.border#00000015
  • input.foreground#2B2D2E
  • input.placeholderForeground#2B2D2E60
  • list.activeSelectionBackground#936C2530
  • list.activeSelectionForeground#2B2D2E
  • list.highlightForeground#936C25
  • list.hoverBackground#FFFCF040
  • list.hoverForeground#2B2D2E
  • list.inactiveSelectionBackground#936C2515
  • list.inactiveSelectionForeground#2B2D2E
  • selection.background#83602125
  • sideBar.background#FFFCF0
  • sideBar.border#00000015
  • sideBar.foreground#2B2D2E
  • sideBarSectionHeader.background#FFFCF080
  • sideBarSectionHeader.foreground#2B2D2E
  • sideBarTitle.foreground#936C25
  • statusBar.background#FDFDFC
  • statusBar.border#00000015
  • statusBar.foreground#2B2D2E
  • statusBar.noFolderBackground#FDFDFC
  • tab.activeBackground#FDFDFC
  • tab.activeBorderTop#936C25
  • tab.activeForeground#2B2D2E
  • tab.border#00000015
  • tab.inactiveBackground#FDFDFC60
  • tab.inactiveForeground#2B2D2E80
  • terminal.ansiBlack#2B2D2E
  • terminal.ansiBlue#836021
  • terminal.ansiCyan#A37A29
  • terminal.ansiGreen#936C25
  • terminal.ansiMagenta#195776
  • terminal.ansiRed#195776
  • terminal.ansiWhite#2B2D2E
  • terminal.ansiYellow#A37A29
  • terminal.background#FDFDFC
  • terminal.foreground#2B2D2E
  • titleBar.activeBackground#FDFDFC
  • titleBar.activeForeground#2B2D2E
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFDFC
  • titleBar.inactiveForeground#2B2D2E60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#ECE7DCitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836021bold
storage.type, storage.modifier#836021italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#936C25
string, punctuation.definition.string, string.template, meta.template.expression#A37A29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#195776
variable, variable.other.readwrite, variable.other.object#2B2D2E
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2B2D2E
variable.parameter, meta.parameter#2B2D2Edditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2B2D2E80
keyword.operator#2B2D2E
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37A29bold
entity.other.inherited-class#936C25
entity.name.tag, punctuation.definition.tag#836021
entity.other.attribute-name#936C25
meta.diff, meta.diff.header#ECE7DC
markup.deleted#195776
markup.inserted#936C25
markup.changed#A37A29
markup.heading, markup.heading.setext, punctuation.definition.heading#936C25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37A29
string.other.link.title, string.other.link.description#936C25
markup.underline.link#ECE7DCunderline
punctuation.definition.list#836021
markup.quote, punctuation.definition.quote#ECE7DCitalic