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#FDFCF6
  • activityBar.border#00000015
  • activityBar.foreground#936A25
  • activityBar.inactiveForeground#17141260
  • activityBarBadge.background#936A25
  • activityBarBadge.foreground#FDFCF6
  • button.background#936A25
  • button.foreground#FDFCF6
  • button.hoverBackground#936A25dd
  • editor.background#FDFCF6
  • editor.foreground#171412
  • editor.inactiveSelectionBackground#836C212580
  • editor.lineHighlightBackground#F2D9A650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#836C2125
  • editorCursor.foreground#936A25
  • editorGroupHeader.tabsBackground#F2D9A6aa
  • editorLineNumber.activeForeground#936A25
  • editorLineNumber.foreground#7b756680
  • focusBorder#936A25
  • foreground#171412
  • input.background#F2D9A6
  • input.border#00000015
  • input.foreground#171412
  • input.placeholderForeground#17141260
  • list.activeSelectionBackground#936A2530
  • list.activeSelectionForeground#171412
  • list.highlightForeground#936A25
  • list.hoverBackground#F2D9A640
  • list.hoverForeground#171412
  • list.inactiveSelectionBackground#936A2515
  • list.inactiveSelectionForeground#171412
  • selection.background#836C2125
  • sideBar.background#F2D9A6
  • sideBar.border#00000015
  • sideBar.foreground#171412
  • sideBarSectionHeader.background#F2D9A680
  • sideBarSectionHeader.foreground#171412
  • sideBarTitle.foreground#936A25
  • statusBar.background#FDFCF6
  • statusBar.border#00000015
  • statusBar.foreground#171412
  • statusBar.noFolderBackground#FDFCF6
  • tab.activeBackground#FDFCF6
  • tab.activeBorderTop#936A25
  • tab.activeForeground#171412
  • tab.border#00000015
  • tab.inactiveBackground#FDFCF660
  • tab.inactiveForeground#17141280
  • terminal.ansiBlack#171412
  • terminal.ansiBlue#836C21
  • terminal.ansiCyan#A36C29
  • terminal.ansiGreen#936A25
  • terminal.ansiMagenta#587619
  • terminal.ansiRed#587619
  • terminal.ansiWhite#171412
  • terminal.ansiYellow#A36C29
  • terminal.background#FDFCF6
  • terminal.foreground#171412
  • titleBar.activeBackground#FDFCF6
  • titleBar.activeForeground#171412
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFCF6
  • titleBar.inactiveForeground#17141260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7b7566italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836C21bold
storage.type, storage.modifier#836C21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#936A25
string, punctuation.definition.string, string.template, meta.template.expression#A36C29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#587619
variable, variable.other.readwrite, variable.other.object#171412
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#171412
variable.parameter, meta.parameter#171412dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#17141280
keyword.operator#171412
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A36C29bold
entity.other.inherited-class#936A25
entity.name.tag, punctuation.definition.tag#836C21
entity.other.attribute-name#936A25
meta.diff, meta.diff.header#7b7566
markup.deleted#587619
markup.inserted#936A25
markup.changed#A36C29
markup.heading, markup.heading.setext, punctuation.definition.heading#936A25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A36C29
string.other.link.title, string.other.link.description#936A25
markup.underline.link#7b7566underline
punctuation.definition.list#836C21
markup.quote, punctuation.definition.quote#7b7566italic