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#FBF6EF
  • activityBar.border#00000015
  • activityBar.foreground#934025
  • activityBar.inactiveForeground#21171260
  • activityBarBadge.background#934025
  • activityBarBadge.foreground#FBF6EF
  • button.background#934025
  • button.foreground#FBF6EF
  • button.hoverBackground#934025dd
  • editor.background#FBF6EF
  • editor.foreground#211712
  • editor.inactiveSelectionBackground#8343212580
  • editor.lineHighlightBackground#82351C50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83432125
  • editorCursor.foreground#934025
  • editorGroupHeader.tabsBackground#82351Caa
  • editorLineNumber.activeForeground#934025
  • editorLineNumber.foreground#dfcfb880
  • focusBorder#934025
  • foreground#211712
  • input.background#82351C
  • input.border#00000015
  • input.foreground#211712
  • input.placeholderForeground#21171260
  • list.activeSelectionBackground#93402530
  • list.activeSelectionForeground#211712
  • list.highlightForeground#934025
  • list.hoverBackground#82351C40
  • list.hoverForeground#211712
  • list.inactiveSelectionBackground#93402515
  • list.inactiveSelectionForeground#211712
  • selection.background#83432125
  • sideBar.background#82351C
  • sideBar.border#00000015
  • sideBar.foreground#211712
  • sideBarSectionHeader.background#82351C80
  • sideBarSectionHeader.foreground#211712
  • sideBarTitle.foreground#934025
  • statusBar.background#FBF6EF
  • statusBar.border#00000015
  • statusBar.foreground#211712
  • statusBar.noFolderBackground#FBF6EF
  • tab.activeBackground#FBF6EF
  • tab.activeBorderTop#934025
  • tab.activeForeground#211712
  • tab.border#00000015
  • tab.inactiveBackground#FBF6EF60
  • tab.inactiveForeground#21171280
  • terminal.ansiBlack#211712
  • terminal.ansiBlue#834321
  • terminal.ansiCyan#A37829
  • terminal.ansiGreen#934025
  • terminal.ansiMagenta#765119
  • terminal.ansiRed#765119
  • terminal.ansiWhite#211712
  • terminal.ansiYellow#A37829
  • terminal.background#FBF6EF
  • terminal.foreground#211712
  • titleBar.activeBackground#FBF6EF
  • titleBar.activeForeground#211712
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FBF6EF
  • titleBar.inactiveForeground#21171260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#dfcfb8italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#834321bold
storage.type, storage.modifier#834321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#934025
string, punctuation.definition.string, string.template, meta.template.expression#A37829
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765119
variable, variable.other.readwrite, variable.other.object#211712
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#211712
variable.parameter, meta.parameter#211712dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#21171280
keyword.operator#211712
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37829bold
entity.other.inherited-class#934025
entity.name.tag, punctuation.definition.tag#834321
entity.other.attribute-name#934025
meta.diff, meta.diff.header#dfcfb8
markup.deleted#765119
markup.inserted#934025
markup.changed#A37829
markup.heading, markup.heading.setext, punctuation.definition.heading#934025bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37829
string.other.link.title, string.other.link.description#934025
markup.underline.link#dfcfb8underline
punctuation.definition.list#834321
markup.quote, punctuation.definition.quote#dfcfb8italic