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#EDDBBA
  • activityBar.border#00000015
  • activityBar.foreground#935625
  • activityBar.inactiveForeground#17130f60
  • activityBarBadge.background#935625
  • activityBarBadge.foreground#EDDBBA
  • button.background#935625
  • button.foreground#EDDBBA
  • button.hoverBackground#935625dd
  • editor.background#EDDBBA
  • editor.foreground#17130f
  • editor.inactiveSelectionBackground#7683212580
  • editor.lineHighlightBackground#F5EEDB50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#76832125
  • editorCursor.foreground#935625
  • editorGroupHeader.tabsBackground#F5EEDBaa
  • editorLineNumber.activeForeground#935625
  • editorLineNumber.foreground#7b665280
  • focusBorder#935625
  • foreground#17130f
  • input.background#F5EEDB
  • input.border#00000015
  • input.foreground#17130f
  • input.placeholderForeground#17130f60
  • list.activeSelectionBackground#93562530
  • list.activeSelectionForeground#17130f
  • list.highlightForeground#935625
  • list.hoverBackground#F5EEDB40
  • list.hoverForeground#17130f
  • list.inactiveSelectionBackground#93562515
  • list.inactiveSelectionForeground#17130f
  • selection.background#76832125
  • sideBar.background#F5EEDB
  • sideBar.border#00000015
  • sideBar.foreground#17130f
  • sideBarSectionHeader.background#F5EEDB80
  • sideBarSectionHeader.foreground#17130f
  • sideBarTitle.foreground#935625
  • statusBar.background#EDDBBA
  • statusBar.border#00000015
  • statusBar.foreground#17130f
  • statusBar.noFolderBackground#EDDBBA
  • tab.activeBackground#EDDBBA
  • tab.activeBorderTop#935625
  • tab.activeForeground#17130f
  • tab.border#00000015
  • tab.inactiveBackground#EDDBBA60
  • tab.inactiveForeground#17130f80
  • terminal.ansiBlack#17130f
  • terminal.ansiBlue#768321
  • terminal.ansiCyan#A37429
  • terminal.ansiGreen#935625
  • terminal.ansiMagenta#765519
  • terminal.ansiRed#765519
  • terminal.ansiWhite#17130f
  • terminal.ansiYellow#A37429
  • terminal.background#EDDBBA
  • terminal.foreground#17130f
  • titleBar.activeBackground#EDDBBA
  • titleBar.activeForeground#17130f
  • titleBar.border#00000015
  • titleBar.inactiveBackground#EDDBBA
  • titleBar.inactiveForeground#17130f60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7b6652italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#768321bold
storage.type, storage.modifier#768321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#935625
string, punctuation.definition.string, string.template, meta.template.expression#A37429
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765519
variable, variable.other.readwrite, variable.other.object#17130f
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#17130f
variable.parameter, meta.parameter#17130fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#17130f80
keyword.operator#17130f
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37429bold
entity.other.inherited-class#935625
entity.name.tag, punctuation.definition.tag#768321
entity.other.attribute-name#935625
meta.diff, meta.diff.header#7b6652
markup.deleted#765519
markup.inserted#935625
markup.changed#A37429
markup.heading, markup.heading.setext, punctuation.definition.heading#935625bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37429
string.other.link.title, string.other.link.description#935625
markup.underline.link#7b6652underline
punctuation.definition.list#768321
markup.quote, punctuation.definition.quote#7b6652italic