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#FAF7EF
  • activityBar.border#00000015
  • activityBar.foreground#937425
  • activityBar.inactiveForeground#17161360
  • activityBarBadge.background#937425
  • activityBarBadge.foreground#FAF7EF
  • button.background#937425
  • button.foreground#FAF7EF
  • button.hoverBackground#937425dd
  • editor.background#FAF7EF
  • editor.foreground#171613
  • editor.inactiveSelectionBackground#835F212580
  • editor.lineHighlightBackground#FFFBF050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#835F2125
  • editorCursor.foreground#937425
  • editorGroupHeader.tabsBackground#FFFBF0aa
  • editorLineNumber.activeForeground#937425
  • editorLineNumber.foreground#d8c8a780
  • focusBorder#937425
  • foreground#171613
  • input.background#FFFBF0
  • input.border#00000015
  • input.foreground#171613
  • input.placeholderForeground#17161360
  • list.activeSelectionBackground#93742530
  • list.activeSelectionForeground#171613
  • list.highlightForeground#937425
  • list.hoverBackground#FFFBF040
  • list.hoverForeground#171613
  • list.inactiveSelectionBackground#93742515
  • list.inactiveSelectionForeground#171613
  • selection.background#835F2125
  • sideBar.background#FFFBF0
  • sideBar.border#00000015
  • sideBar.foreground#171613
  • sideBarSectionHeader.background#FFFBF080
  • sideBarSectionHeader.foreground#171613
  • sideBarTitle.foreground#937425
  • statusBar.background#FAF7EF
  • statusBar.border#00000015
  • statusBar.foreground#171613
  • statusBar.noFolderBackground#FAF7EF
  • tab.activeBackground#FAF7EF
  • tab.activeBorderTop#937425
  • tab.activeForeground#171613
  • tab.border#00000015
  • tab.inactiveBackground#FAF7EF60
  • tab.inactiveForeground#17161380
  • terminal.ansiBlack#171613
  • terminal.ansiBlue#835F21
  • terminal.ansiCyan#8DA329
  • terminal.ansiGreen#937425
  • terminal.ansiMagenta#763219
  • terminal.ansiRed#763219
  • terminal.ansiWhite#171613
  • terminal.ansiYellow#8DA329
  • terminal.background#FAF7EF
  • terminal.foreground#171613
  • titleBar.activeBackground#FAF7EF
  • titleBar.activeForeground#171613
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAF7EF
  • titleBar.inactiveForeground#17161360
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d8c8a7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#835F21bold
storage.type, storage.modifier#835F21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#937425
string, punctuation.definition.string, string.template, meta.template.expression#8DA329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#763219
variable, variable.other.readwrite, variable.other.object#171613
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#171613
variable.parameter, meta.parameter#171613dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#17161380
keyword.operator#171613
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8DA329bold
entity.other.inherited-class#937425
entity.name.tag, punctuation.definition.tag#835F21
entity.other.attribute-name#937425
meta.diff, meta.diff.header#d8c8a7
markup.deleted#763219
markup.inserted#937425
markup.changed#8DA329
markup.heading, markup.heading.setext, punctuation.definition.heading#937425bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8DA329
string.other.link.title, string.other.link.description#937425
markup.underline.link#d8c8a7underline
punctuation.definition.list#835F21
markup.quote, punctuation.definition.quote#d8c8a7italic