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#FFFEFA
  • activityBar.border#00000015
  • activityBar.foreground#937725
  • activityBar.inactiveForeground#2C201260
  • activityBarBadge.background#937725
  • activityBarBadge.foreground#FFFEFA
  • button.background#937725
  • button.foreground#FFFEFA
  • button.hoverBackground#937725dd
  • editor.background#FFFEFA
  • editor.foreground#2C2012
  • editor.inactiveSelectionBackground#8353212580
  • editor.lineHighlightBackground#FFFAF050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83532125
  • editorCursor.foreground#937725
  • editorGroupHeader.tabsBackground#FFFAF0aa
  • editorLineNumber.activeForeground#937725
  • editorLineNumber.foreground#C79B5280
  • focusBorder#937725
  • foreground#2C2012
  • input.background#FFFAF0
  • input.border#00000015
  • input.foreground#2C2012
  • input.placeholderForeground#2C201260
  • list.activeSelectionBackground#93772530
  • list.activeSelectionForeground#2C2012
  • list.highlightForeground#937725
  • list.hoverBackground#FFFAF040
  • list.hoverForeground#2C2012
  • list.inactiveSelectionBackground#93772515
  • list.inactiveSelectionForeground#2C2012
  • selection.background#83532125
  • sideBar.background#FFFAF0
  • sideBar.border#00000015
  • sideBar.foreground#2C2012
  • sideBarSectionHeader.background#FFFAF080
  • sideBarSectionHeader.foreground#2C2012
  • sideBarTitle.foreground#937725
  • statusBar.background#FFFEFA
  • statusBar.border#00000015
  • statusBar.foreground#2C2012
  • statusBar.noFolderBackground#FFFEFA
  • tab.activeBackground#FFFEFA
  • tab.activeBorderTop#937725
  • tab.activeForeground#2C2012
  • tab.border#00000015
  • tab.inactiveBackground#FFFEFA60
  • tab.inactiveForeground#2C201280
  • terminal.ansiBlack#2C2012
  • terminal.ansiBlue#835321
  • terminal.ansiCyan#A37E29
  • terminal.ansiGreen#937725
  • terminal.ansiMagenta#5A7619
  • terminal.ansiRed#5A7619
  • terminal.ansiWhite#2C2012
  • terminal.ansiYellow#A37E29
  • terminal.background#FFFEFA
  • terminal.foreground#2C2012
  • titleBar.activeBackground#FFFEFA
  • titleBar.activeForeground#2C2012
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFEFA
  • titleBar.inactiveForeground#2C201260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C79B52italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#835321bold
storage.type, storage.modifier#835321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#937725
string, punctuation.definition.string, string.template, meta.template.expression#A37E29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#5A7619
variable, variable.other.readwrite, variable.other.object#2C2012
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2C2012
variable.parameter, meta.parameter#2C2012dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2C201280
keyword.operator#2C2012
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37E29bold
entity.other.inherited-class#937725
entity.name.tag, punctuation.definition.tag#835321
entity.other.attribute-name#937725
meta.diff, meta.diff.header#C79B52
markup.deleted#5A7619
markup.inserted#937725
markup.changed#A37E29
markup.heading, markup.heading.setext, punctuation.definition.heading#937725bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37E29
string.other.link.title, string.other.link.description#937725
markup.underline.link#C79B52underline
punctuation.definition.list#835321
markup.quote, punctuation.definition.quote#C79B52italic