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#FEFDFB
  • activityBar.border#00000015
  • activityBar.foreground#934F25
  • activityBar.inactiveForeground#15131360
  • activityBarBadge.background#934F25
  • activityBarBadge.foreground#FEFDFB
  • button.background#934F25
  • button.foreground#FEFDFB
  • button.hoverBackground#934F25dd
  • editor.background#FEFDFB
  • editor.foreground#151313
  • editor.inactiveSelectionBackground#8364212580
  • editor.lineHighlightBackground#DCCB9850
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83642125
  • editorCursor.foreground#934F25
  • editorGroupHeader.tabsBackground#DCCB98aa
  • editorLineNumber.activeForeground#934F25
  • editorLineNumber.foreground#d8d7cf80
  • focusBorder#934F25
  • foreground#151313
  • input.background#DCCB98
  • input.border#00000015
  • input.foreground#151313
  • input.placeholderForeground#15131360
  • list.activeSelectionBackground#934F2530
  • list.activeSelectionForeground#151313
  • list.highlightForeground#934F25
  • list.hoverBackground#DCCB9840
  • list.hoverForeground#151313
  • list.inactiveSelectionBackground#934F2515
  • list.inactiveSelectionForeground#151313
  • selection.background#83642125
  • sideBar.background#DCCB98
  • sideBar.border#00000015
  • sideBar.foreground#151313
  • sideBarSectionHeader.background#DCCB9880
  • sideBarSectionHeader.foreground#151313
  • sideBarTitle.foreground#934F25
  • statusBar.background#FEFDFB
  • statusBar.border#00000015
  • statusBar.foreground#151313
  • statusBar.noFolderBackground#FEFDFB
  • tab.activeBackground#FEFDFB
  • tab.activeBorderTop#934F25
  • tab.activeForeground#151313
  • tab.border#00000015
  • tab.inactiveBackground#FEFDFB60
  • tab.inactiveForeground#15131380
  • terminal.ansiBlack#151313
  • terminal.ansiBlue#836421
  • terminal.ansiCyan#A32999
  • terminal.ansiGreen#934F25
  • terminal.ansiMagenta#762819
  • terminal.ansiRed#762819
  • terminal.ansiWhite#151313
  • terminal.ansiYellow#A32999
  • terminal.background#FEFDFB
  • terminal.foreground#151313
  • titleBar.activeBackground#FEFDFB
  • titleBar.activeForeground#151313
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FEFDFB
  • titleBar.inactiveForeground#15131360
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d8d7cfitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836421bold
storage.type, storage.modifier#836421italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#934F25
string, punctuation.definition.string, string.template, meta.template.expression#A32999
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#762819
variable, variable.other.readwrite, variable.other.object#151313
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#151313
variable.parameter, meta.parameter#151313dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#15131380
keyword.operator#151313
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A32999bold
entity.other.inherited-class#934F25
entity.name.tag, punctuation.definition.tag#836421
entity.other.attribute-name#934F25
meta.diff, meta.diff.header#d8d7cf
markup.deleted#762819
markup.inserted#934F25
markup.changed#A32999
markup.heading, markup.heading.setext, punctuation.definition.heading#934F25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A32999
string.other.link.title, string.other.link.description#934F25
markup.underline.link#d8d7cfunderline
punctuation.definition.list#836421
markup.quote, punctuation.definition.quote#d8d7cfitalic