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#FFFDFA
  • activityBar.border#00000015
  • activityBar.foreground#934B25
  • activityBar.inactiveForeground#23302560
  • activityBarBadge.background#934B25
  • activityBarBadge.foreground#FFFDFA
  • button.background#934B25
  • button.foreground#FFFDFA
  • button.hoverBackground#934B25dd
  • editor.background#FFFDFA
  • editor.foreground#233025
  • editor.inactiveSelectionBackground#4583212580
  • editor.lineHighlightBackground#EEDEC450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#45832125
  • editorCursor.foreground#934B25
  • editorGroupHeader.tabsBackground#EEDEC4aa
  • editorLineNumber.activeForeground#934B25
  • editorLineNumber.foreground#f7b73380
  • focusBorder#934B25
  • foreground#233025
  • input.background#EEDEC4
  • input.border#00000015
  • input.foreground#233025
  • input.placeholderForeground#23302560
  • list.activeSelectionBackground#934B2530
  • list.activeSelectionForeground#233025
  • list.highlightForeground#934B25
  • list.hoverBackground#EEDEC440
  • list.hoverForeground#233025
  • list.inactiveSelectionBackground#934B2515
  • list.inactiveSelectionForeground#233025
  • selection.background#45832125
  • sideBar.background#EEDEC4
  • sideBar.border#00000015
  • sideBar.foreground#233025
  • sideBarSectionHeader.background#EEDEC480
  • sideBarSectionHeader.foreground#233025
  • sideBarTitle.foreground#934B25
  • statusBar.background#FFFDFA
  • statusBar.border#00000015
  • statusBar.foreground#233025
  • statusBar.noFolderBackground#FFFDFA
  • tab.activeBackground#FFFDFA
  • tab.activeBorderTop#934B25
  • tab.activeForeground#233025
  • tab.border#00000015
  • tab.inactiveBackground#FFFDFA60
  • tab.inactiveForeground#23302580
  • terminal.ansiBlack#233025
  • terminal.ansiBlue#458321
  • terminal.ansiCyan#A37A29
  • terminal.ansiGreen#934B25
  • terminal.ansiMagenta#197660
  • terminal.ansiRed#197660
  • terminal.ansiWhite#233025
  • terminal.ansiYellow#A37A29
  • terminal.background#FFFDFA
  • terminal.foreground#233025
  • titleBar.activeBackground#FFFDFA
  • titleBar.activeForeground#233025
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFDFA
  • titleBar.inactiveForeground#23302560
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#f7b733italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#458321bold
storage.type, storage.modifier#458321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#934B25
string, punctuation.definition.string, string.template, meta.template.expression#A37A29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#197660
variable, variable.other.readwrite, variable.other.object#233025
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#233025
variable.parameter, meta.parameter#233025dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#23302580
keyword.operator#233025
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37A29bold
entity.other.inherited-class#934B25
entity.name.tag, punctuation.definition.tag#458321
entity.other.attribute-name#934B25
meta.diff, meta.diff.header#f7b733
markup.deleted#197660
markup.inserted#934B25
markup.changed#A37A29
markup.heading, markup.heading.setext, punctuation.definition.heading#934B25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37A29
string.other.link.title, string.other.link.description#934B25
markup.underline.link#f7b733underline
punctuation.definition.list#458321
markup.quote, punctuation.definition.quote#f7b733italic