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#F2E8D9
  • activityBar.border#00000015
  • activityBar.foreground#934925
  • activityBar.inactiveForeground#2d292360
  • activityBarBadge.background#934925
  • activityBarBadge.foreground#F2E8D9
  • button.background#934925
  • button.foreground#F2E8D9
  • button.hoverBackground#934925dd
  • editor.background#F2E8D9
  • editor.foreground#2d2923
  • editor.inactiveSelectionBackground#5083212580
  • editor.lineHighlightBackground#EAD9BD50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#50832125
  • editorCursor.foreground#934925
  • editorGroupHeader.tabsBackground#EAD9BDaa
  • editorLineNumber.activeForeground#934925
  • editorLineNumber.foreground#8a877d80
  • focusBorder#934925
  • foreground#2d2923
  • input.background#EAD9BD
  • input.border#00000015
  • input.foreground#2d2923
  • input.placeholderForeground#2d292360
  • list.activeSelectionBackground#93492530
  • list.activeSelectionForeground#2d2923
  • list.highlightForeground#934925
  • list.hoverBackground#EAD9BD40
  • list.hoverForeground#2d2923
  • list.inactiveSelectionBackground#93492515
  • list.inactiveSelectionForeground#2d2923
  • selection.background#50832125
  • sideBar.background#EAD9BD
  • sideBar.border#00000015
  • sideBar.foreground#2d2923
  • sideBarSectionHeader.background#EAD9BD80
  • sideBarSectionHeader.foreground#2d2923
  • sideBarTitle.foreground#934925
  • statusBar.background#F2E8D9
  • statusBar.border#00000015
  • statusBar.foreground#2d2923
  • statusBar.noFolderBackground#F2E8D9
  • tab.activeBackground#F2E8D9
  • tab.activeBorderTop#934925
  • tab.activeForeground#2d2923
  • tab.border#00000015
  • tab.inactiveBackground#F2E8D960
  • tab.inactiveForeground#2d292380
  • terminal.ansiBlack#2d2923
  • terminal.ansiBlue#508321
  • terminal.ansiCyan#A37229
  • terminal.ansiGreen#934925
  • terminal.ansiMagenta#765519
  • terminal.ansiRed#765519
  • terminal.ansiWhite#2d2923
  • terminal.ansiYellow#A37229
  • terminal.background#F2E8D9
  • terminal.foreground#2d2923
  • titleBar.activeBackground#F2E8D9
  • titleBar.activeForeground#2d2923
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F2E8D9
  • titleBar.inactiveForeground#2d292360
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8a877ditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#508321bold
storage.type, storage.modifier#508321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#934925
string, punctuation.definition.string, string.template, meta.template.expression#A37229
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765519
variable, variable.other.readwrite, variable.other.object#2d2923
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2d2923
variable.parameter, meta.parameter#2d2923dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2d292380
keyword.operator#2d2923
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37229bold
entity.other.inherited-class#934925
entity.name.tag, punctuation.definition.tag#508321
entity.other.attribute-name#934925
meta.diff, meta.diff.header#8a877d
markup.deleted#765519
markup.inserted#934925
markup.changed#A37229
markup.heading, markup.heading.setext, punctuation.definition.heading#934925bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37229
string.other.link.title, string.other.link.description#934925
markup.underline.link#8a877dunderline
punctuation.definition.list#508321
markup.quote, punctuation.definition.quote#8a877ditalic