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#F9F6F1
  • activityBar.border#00000015
  • activityBar.foreground#936925
  • activityBar.inactiveForeground#24201d60
  • activityBarBadge.background#936925
  • activityBarBadge.foreground#F9F6F1
  • button.background#936925
  • button.foreground#F9F6F1
  • button.hoverBackground#936925dd
  • editor.background#F9F6F1
  • editor.foreground#24201d
  • editor.inactiveSelectionBackground#8353212580
  • editor.lineHighlightBackground#EBE0D150
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83532125
  • editorCursor.foreground#936925
  • editorGroupHeader.tabsBackground#EBE0D1aa
  • editorLineNumber.activeForeground#936925
  • editorLineNumber.foreground#7c746b80
  • focusBorder#936925
  • foreground#24201d
  • input.background#EBE0D1
  • input.border#00000015
  • input.foreground#24201d
  • input.placeholderForeground#24201d60
  • list.activeSelectionBackground#93692530
  • list.activeSelectionForeground#24201d
  • list.highlightForeground#936925
  • list.hoverBackground#EBE0D140
  • list.hoverForeground#24201d
  • list.inactiveSelectionBackground#93692515
  • list.inactiveSelectionForeground#24201d
  • selection.background#83532125
  • sideBar.background#EBE0D1
  • sideBar.border#00000015
  • sideBar.foreground#24201d
  • sideBarSectionHeader.background#EBE0D180
  • sideBarSectionHeader.foreground#24201d
  • sideBarTitle.foreground#936925
  • statusBar.background#F9F6F1
  • statusBar.border#00000015
  • statusBar.foreground#24201d
  • statusBar.noFolderBackground#F9F6F1
  • tab.activeBackground#F9F6F1
  • tab.activeBorderTop#936925
  • tab.activeForeground#24201d
  • tab.border#00000015
  • tab.inactiveBackground#F9F6F160
  • tab.inactiveForeground#24201d80
  • terminal.ansiBlack#24201d
  • terminal.ansiBlue#835321
  • terminal.ansiCyan#A35A29
  • terminal.ansiGreen#936925
  • terminal.ansiMagenta#764E19
  • terminal.ansiRed#764E19
  • terminal.ansiWhite#24201d
  • terminal.ansiYellow#A35A29
  • terminal.background#F9F6F1
  • terminal.foreground#24201d
  • titleBar.activeBackground#F9F6F1
  • titleBar.activeForeground#24201d
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F9F6F1
  • titleBar.inactiveForeground#24201d60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7c746bitalic
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#936925
string, punctuation.definition.string, string.template, meta.template.expression#A35A29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#764E19
variable, variable.other.readwrite, variable.other.object#24201d
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#24201d
variable.parameter, meta.parameter#24201ddditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#24201d80
keyword.operator#24201d
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A35A29bold
entity.other.inherited-class#936925
entity.name.tag, punctuation.definition.tag#835321
entity.other.attribute-name#936925
meta.diff, meta.diff.header#7c746b
markup.deleted#764E19
markup.inserted#936925
markup.changed#A35A29
markup.heading, markup.heading.setext, punctuation.definition.heading#936925bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A35A29
string.other.link.title, string.other.link.description#936925
markup.underline.link#7c746bunderline
punctuation.definition.list#835321
markup.quote, punctuation.definition.quote#7c746bitalic