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#FBF9F4
  • activityBar.border#00000015
  • activityBar.foreground#935C25
  • activityBar.inactiveForeground#22201d60
  • activityBarBadge.background#935C25
  • activityBarBadge.foreground#FBF9F4
  • button.background#935C25
  • button.foreground#FBF9F4
  • button.hoverBackground#935C25dd
  • editor.background#FBF9F4
  • editor.foreground#22201d
  • editor.inactiveSelectionBackground#5B83212580
  • editor.lineHighlightBackground#D7CFB750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#5B832125
  • editorCursor.foreground#935C25
  • editorGroupHeader.tabsBackground#D7CFB7aa
  • editorLineNumber.activeForeground#935C25
  • editorLineNumber.foreground#a5a66d80
  • focusBorder#935C25
  • foreground#22201d
  • input.background#D7CFB7
  • input.border#00000015
  • input.foreground#22201d
  • input.placeholderForeground#22201d60
  • list.activeSelectionBackground#935C2530
  • list.activeSelectionForeground#22201d
  • list.highlightForeground#935C25
  • list.hoverBackground#D7CFB740
  • list.hoverForeground#22201d
  • list.inactiveSelectionBackground#935C2515
  • list.inactiveSelectionForeground#22201d
  • selection.background#5B832125
  • sideBar.background#D7CFB7
  • sideBar.border#00000015
  • sideBar.foreground#22201d
  • sideBarSectionHeader.background#D7CFB780
  • sideBarSectionHeader.foreground#22201d
  • sideBarTitle.foreground#935C25
  • statusBar.background#FBF9F4
  • statusBar.border#00000015
  • statusBar.foreground#22201d
  • statusBar.noFolderBackground#FBF9F4
  • tab.activeBackground#FBF9F4
  • tab.activeBorderTop#935C25
  • tab.activeForeground#22201d
  • tab.border#00000015
  • tab.inactiveBackground#FBF9F460
  • tab.inactiveForeground#22201d80
  • terminal.ansiBlack#22201d
  • terminal.ansiBlue#5B8321
  • terminal.ansiCyan#A35E29
  • terminal.ansiGreen#935C25
  • terminal.ansiMagenta#763319
  • terminal.ansiRed#763319
  • terminal.ansiWhite#22201d
  • terminal.ansiYellow#A35E29
  • terminal.background#FBF9F4
  • terminal.foreground#22201d
  • titleBar.activeBackground#FBF9F4
  • titleBar.activeForeground#22201d
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FBF9F4
  • titleBar.inactiveForeground#22201d60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a5a66ditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#5B8321bold
storage.type, storage.modifier#5B8321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#935C25
string, punctuation.definition.string, string.template, meta.template.expression#A35E29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#763319
variable, variable.other.readwrite, variable.other.object#22201d
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#22201d
variable.parameter, meta.parameter#22201ddditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#22201d80
keyword.operator#22201d
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A35E29bold
entity.other.inherited-class#935C25
entity.name.tag, punctuation.definition.tag#5B8321
entity.other.attribute-name#935C25
meta.diff, meta.diff.header#a5a66d
markup.deleted#763319
markup.inserted#935C25
markup.changed#A35E29
markup.heading, markup.heading.setext, punctuation.definition.heading#935C25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A35E29
string.other.link.title, string.other.link.description#935C25
markup.underline.link#a5a66dunderline
punctuation.definition.list#5B8321
markup.quote, punctuation.definition.quote#a5a66ditalic