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#FBF8F1
  • activityBar.border#00000015
  • activityBar.foreground#A96838
  • activityBar.inactiveForeground#F1E8DB60
  • activityBarBadge.background#A96838
  • activityBarBadge.foreground#FBF8F1
  • button.background#A96838
  • button.foreground#FBF8F1
  • button.hoverBackground#A96838dd
  • editor.background#FBF8F1
  • editor.foreground#F1E8DB
  • editor.inactiveSelectionBackground#6F7F452580
  • editor.lineHighlightBackground#F1E8DB50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#6F7F4525
  • editorCursor.foreground#A96838
  • editorGroupHeader.tabsBackground#F1E8DBaa
  • editorLineNumber.activeForeground#A96838
  • editorLineNumber.foreground#F7B91E80
  • focusBorder#A96838
  • foreground#F1E8DB
  • input.background#F1E8DB
  • input.border#00000015
  • input.foreground#F1E8DB
  • input.placeholderForeground#F1E8DB60
  • list.activeSelectionBackground#A9683830
  • list.activeSelectionForeground#F1E8DB
  • list.highlightForeground#A96838
  • list.hoverBackground#F1E8DB40
  • list.hoverForeground#F1E8DB
  • list.inactiveSelectionBackground#A9683815
  • list.inactiveSelectionForeground#F1E8DB
  • selection.background#6F7F4525
  • sideBar.background#F1E8DB
  • sideBar.border#00000015
  • sideBar.foreground#F1E8DB
  • sideBarSectionHeader.background#F1E8DB80
  • sideBarSectionHeader.foreground#F1E8DB
  • sideBarTitle.foreground#A96838
  • statusBar.background#FBF8F1
  • statusBar.border#00000015
  • statusBar.foreground#F1E8DB
  • statusBar.noFolderBackground#FBF8F1
  • tab.activeBackground#FBF8F1
  • tab.activeBorderTop#A96838
  • tab.activeForeground#F1E8DB
  • tab.border#00000015
  • tab.inactiveBackground#FBF8F160
  • tab.inactiveForeground#F1E8DB80
  • terminal.ansiBlack#F1E8DB
  • terminal.ansiBlue#6F7F45
  • terminal.ansiCyan#C07A21
  • terminal.ansiGreen#A96838
  • terminal.ansiMagenta#B83D24
  • terminal.ansiRed#B83D24
  • terminal.ansiWhite#F1E8DB
  • terminal.ansiYellow#C07A21
  • terminal.background#FBF8F1
  • terminal.foreground#F1E8DB
  • titleBar.activeBackground#FBF8F1
  • titleBar.activeForeground#F1E8DB
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FBF8F1
  • titleBar.inactiveForeground#F1E8DB60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#F7B91Eitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#6F7F45bold
storage.type, storage.modifier#6F7F45italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#A96838
string, punctuation.definition.string, string.template, meta.template.expression#C07A21
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#B83D24
variable, variable.other.readwrite, variable.other.object#F1E8DB
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F1E8DB
variable.parameter, meta.parameter#F1E8DBdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F1E8DB80
keyword.operator#F1E8DB
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#C07A21bold
entity.other.inherited-class#A96838
entity.name.tag, punctuation.definition.tag#6F7F45
entity.other.attribute-name#A96838
meta.diff, meta.diff.header#F7B91E
markup.deleted#B83D24
markup.inserted#A96838
markup.changed#C07A21
markup.heading, markup.heading.setext, punctuation.definition.heading#A96838bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#C07A21
string.other.link.title, string.other.link.description#A96838
markup.underline.link#F7B91Eunderline
punctuation.definition.list#6F7F45
markup.quote, punctuation.definition.quote#F7B91Eitalic