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#FFFDFA
  • activityBar.border#00000015
  • activityBar.foreground#934F25
  • activityBar.inactiveForeground#00000060
  • activityBarBadge.background#934F25
  • activityBarBadge.foreground#FFFDFA
  • button.background#934F25
  • button.foreground#FFFDFA
  • button.hoverBackground#934F25dd
  • editor.background#FFFDFA
  • editor.foreground#000000
  • editor.inactiveSelectionBackground#2C83212580
  • editor.lineHighlightBackground#F7F1E950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2C832125
  • editorCursor.foreground#934F25
  • editorGroupHeader.tabsBackground#F7F1E9aa
  • editorLineNumber.activeForeground#934F25
  • editorLineNumber.foreground#A69A8F80
  • focusBorder#934F25
  • foreground#000000
  • input.background#F7F1E9
  • input.border#00000015
  • input.foreground#000000
  • input.placeholderForeground#00000060
  • list.activeSelectionBackground#934F2530
  • list.activeSelectionForeground#000000
  • list.highlightForeground#934F25
  • list.hoverBackground#F7F1E940
  • list.hoverForeground#000000
  • list.inactiveSelectionBackground#934F2515
  • list.inactiveSelectionForeground#000000
  • selection.background#2C832125
  • sideBar.background#F7F1E9
  • sideBar.border#00000015
  • sideBar.foreground#000000
  • sideBarSectionHeader.background#F7F1E980
  • sideBarSectionHeader.foreground#000000
  • sideBarTitle.foreground#934F25
  • statusBar.background#FFFDFA
  • statusBar.border#00000015
  • statusBar.foreground#000000
  • statusBar.noFolderBackground#FFFDFA
  • tab.activeBackground#FFFDFA
  • tab.activeBorderTop#934F25
  • tab.activeForeground#000000
  • tab.border#00000015
  • tab.inactiveBackground#FFFDFA60
  • tab.inactiveForeground#00000080
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2C8321
  • terminal.ansiCyan#A36029
  • terminal.ansiGreen#934F25
  • terminal.ansiMagenta#761919
  • terminal.ansiRed#761919
  • terminal.ansiWhite#000000
  • terminal.ansiYellow#A36029
  • terminal.background#FFFDFA
  • terminal.foreground#000000
  • titleBar.activeBackground#FFFDFA
  • titleBar.activeForeground#000000
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFDFA
  • titleBar.inactiveForeground#00000060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A69A8Fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2C8321bold
storage.type, storage.modifier#2C8321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#934F25
string, punctuation.definition.string, string.template, meta.template.expression#A36029
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#761919
variable, variable.other.readwrite, variable.other.object#000000
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#000000
variable.parameter, meta.parameter#000000dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#00000080
keyword.operator#000000
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A36029bold
entity.other.inherited-class#934F25
entity.name.tag, punctuation.definition.tag#2C8321
entity.other.attribute-name#934F25
meta.diff, meta.diff.header#A69A8F
markup.deleted#761919
markup.inserted#934F25
markup.changed#A36029
markup.heading, markup.heading.setext, punctuation.definition.heading#934F25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A36029
string.other.link.title, string.other.link.description#934F25
markup.underline.link#A69A8Funderline
punctuation.definition.list#2C8321
markup.quote, punctuation.definition.quote#A69A8Fitalic