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#F8F7F1
  • activityBar.border#00000015
  • activityBar.foreground#935C25
  • activityBar.inactiveForeground#25211C60
  • activityBarBadge.background#935C25
  • activityBarBadge.foreground#F8F7F1
  • button.background#935C25
  • button.foreground#F8F7F1
  • button.hoverBackground#935C25dd
  • editor.background#F8F7F1
  • editor.foreground#25211C
  • editor.inactiveSelectionBackground#5A83212580
  • editor.lineHighlightBackground#FFFCF050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#5A832125
  • editorCursor.foreground#935C25
  • editorGroupHeader.tabsBackground#FFFCF0aa
  • editorLineNumber.activeForeground#935C25
  • editorLineNumber.foreground#A99D9080
  • focusBorder#935C25
  • foreground#25211C
  • input.background#FFFCF0
  • input.border#00000015
  • input.foreground#25211C
  • input.placeholderForeground#25211C60
  • list.activeSelectionBackground#935C2530
  • list.activeSelectionForeground#25211C
  • list.highlightForeground#935C25
  • list.hoverBackground#FFFCF040
  • list.hoverForeground#25211C
  • list.inactiveSelectionBackground#935C2515
  • list.inactiveSelectionForeground#25211C
  • selection.background#5A832125
  • sideBar.background#FFFCF0
  • sideBar.border#00000015
  • sideBar.foreground#25211C
  • sideBarSectionHeader.background#FFFCF080
  • sideBarSectionHeader.foreground#25211C
  • sideBarTitle.foreground#935C25
  • statusBar.background#F8F7F1
  • statusBar.border#00000015
  • statusBar.foreground#25211C
  • statusBar.noFolderBackground#F8F7F1
  • tab.activeBackground#F8F7F1
  • tab.activeBorderTop#935C25
  • tab.activeForeground#25211C
  • tab.border#00000015
  • tab.inactiveBackground#F8F7F160
  • tab.inactiveForeground#25211C80
  • terminal.ansiBlack#25211C
  • terminal.ansiBlue#5A8321
  • terminal.ansiCyan#7C29A3
  • terminal.ansiGreen#935C25
  • terminal.ansiMagenta#765719
  • terminal.ansiRed#765719
  • terminal.ansiWhite#25211C
  • terminal.ansiYellow#7C29A3
  • terminal.background#F8F7F1
  • terminal.foreground#25211C
  • titleBar.activeBackground#F8F7F1
  • titleBar.activeForeground#25211C
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F8F7F1
  • titleBar.inactiveForeground#25211C60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A99D90italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#5A8321bold
storage.type, storage.modifier#5A8321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#935C25
string, punctuation.definition.string, string.template, meta.template.expression#7C29A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765719
variable, variable.other.readwrite, variable.other.object#25211C
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#25211C
variable.parameter, meta.parameter#25211Cdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#25211C80
keyword.operator#25211C
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#7C29A3bold
entity.other.inherited-class#935C25
entity.name.tag, punctuation.definition.tag#5A8321
entity.other.attribute-name#935C25
meta.diff, meta.diff.header#A99D90
markup.deleted#765719
markup.inserted#935C25
markup.changed#7C29A3
markup.heading, markup.heading.setext, punctuation.definition.heading#935C25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#7C29A3
string.other.link.title, string.other.link.description#935C25
markup.underline.link#A99D90underline
punctuation.definition.list#5A8321
markup.quote, punctuation.definition.quote#A99D90italic