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#FBF7EF
  • activityBar.border#00000015
  • activityBar.foreground#934D25
  • activityBar.inactiveForeground#3A2A2060
  • activityBarBadge.background#934D25
  • activityBarBadge.foreground#FBF7EF
  • button.background#934D25
  • button.foreground#FBF7EF
  • button.hoverBackground#934D25dd
  • editor.background#FBF7EF
  • editor.foreground#3A2A20
  • editor.inactiveSelectionBackground#8343212580
  • editor.lineHighlightBackground#DBBC9550
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83432125
  • editorCursor.foreground#934D25
  • editorGroupHeader.tabsBackground#DBBC95aa
  • editorLineNumber.activeForeground#934D25
  • editorLineNumber.foreground#E7D2B480
  • focusBorder#934D25
  • foreground#3A2A20
  • input.background#DBBC95
  • input.border#00000015
  • input.foreground#3A2A20
  • input.placeholderForeground#3A2A2060
  • list.activeSelectionBackground#934D2530
  • list.activeSelectionForeground#3A2A20
  • list.highlightForeground#934D25
  • list.hoverBackground#DBBC9540
  • list.hoverForeground#3A2A20
  • list.inactiveSelectionBackground#934D2515
  • list.inactiveSelectionForeground#3A2A20
  • selection.background#83432125
  • sideBar.background#DBBC95
  • sideBar.border#00000015
  • sideBar.foreground#3A2A20
  • sideBarSectionHeader.background#DBBC9580
  • sideBarSectionHeader.foreground#3A2A20
  • sideBarTitle.foreground#934D25
  • statusBar.background#FBF7EF
  • statusBar.border#00000015
  • statusBar.foreground#3A2A20
  • statusBar.noFolderBackground#FBF7EF
  • tab.activeBackground#FBF7EF
  • tab.activeBorderTop#934D25
  • tab.activeForeground#3A2A20
  • tab.border#00000015
  • tab.inactiveBackground#FBF7EF60
  • tab.inactiveForeground#3A2A2080
  • terminal.ansiBlack#3A2A20
  • terminal.ansiBlue#834321
  • terminal.ansiCyan#296EA3
  • terminal.ansiGreen#934D25
  • terminal.ansiMagenta#4E7619
  • terminal.ansiRed#4E7619
  • terminal.ansiWhite#3A2A20
  • terminal.ansiYellow#296EA3
  • terminal.background#FBF7EF
  • terminal.foreground#3A2A20
  • titleBar.activeBackground#FBF7EF
  • titleBar.activeForeground#3A2A20
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FBF7EF
  • titleBar.inactiveForeground#3A2A2060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E7D2B4italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#834321bold
storage.type, storage.modifier#834321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#934D25
string, punctuation.definition.string, string.template, meta.template.expression#296EA3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#4E7619
variable, variable.other.readwrite, variable.other.object#3A2A20
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#3A2A20
variable.parameter, meta.parameter#3A2A20dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#3A2A2080
keyword.operator#3A2A20
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#296EA3bold
entity.other.inherited-class#934D25
entity.name.tag, punctuation.definition.tag#834321
entity.other.attribute-name#934D25
meta.diff, meta.diff.header#E7D2B4
markup.deleted#4E7619
markup.inserted#934D25
markup.changed#296EA3
markup.heading, markup.heading.setext, punctuation.definition.heading#934D25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#296EA3
string.other.link.title, string.other.link.description#934D25
markup.underline.link#E7D2B4underline
punctuation.definition.list#834321
markup.quote, punctuation.definition.quote#E7D2B4italic