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#fffaf0
  • activityBar.border#00000015
  • activityBar.foreground#d7b66b
  • activityBar.inactiveForeground#2e3a2f60
  • activityBarBadge.background#d7b66b
  • activityBarBadge.foreground#fffaf0
  • button.background#d7b66b
  • button.foreground#fffaf0
  • button.hoverBackground#d7b66bdd
  • editor.background#fffaf0
  • editor.foreground#2e3a2f
  • editor.inactiveSelectionBackground#a8c46f2580
  • editor.lineHighlightBackground#f8f3e650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#a8c46f25
  • editorCursor.foreground#d7b66b
  • editorGroupHeader.tabsBackground#f8f3e6aa
  • editorLineNumber.activeForeground#d7b66b
  • editorLineNumber.foreground#e6e1d380
  • focusBorder#d7b66b
  • foreground#2e3a2f
  • input.background#f8f3e6
  • input.border#00000015
  • input.foreground#2e3a2f
  • input.placeholderForeground#2e3a2f60
  • list.activeSelectionBackground#d7b66b30
  • list.activeSelectionForeground#2e3a2f
  • list.highlightForeground#d7b66b
  • list.hoverBackground#f8f3e640
  • list.hoverForeground#2e3a2f
  • list.inactiveSelectionBackground#d7b66b15
  • list.inactiveSelectionForeground#2e3a2f
  • selection.background#a8c46f25
  • sideBar.background#f8f3e6
  • sideBar.border#00000015
  • sideBar.foreground#2e3a2f
  • sideBarSectionHeader.background#f8f3e680
  • sideBarSectionHeader.foreground#2e3a2f
  • sideBarTitle.foreground#d7b66b
  • statusBar.background#fffaf0
  • statusBar.border#00000015
  • statusBar.foreground#2e3a2f
  • statusBar.noFolderBackground#fffaf0
  • tab.activeBackground#fffaf0
  • tab.activeBorderTop#d7b66b
  • tab.activeForeground#2e3a2f
  • tab.border#00000015
  • tab.inactiveBackground#fffaf060
  • tab.inactiveForeground#2e3a2f80
  • terminal.ansiBlack#2e3a2f
  • terminal.ansiBlue#a8c46f
  • terminal.ansiCyan#b8d8f2
  • terminal.ansiGreen#d7b66b
  • terminal.ansiMagenta#f6e6b7
  • terminal.ansiRed#f6e6b7
  • terminal.ansiWhite#2e3a2f
  • terminal.ansiYellow#b8d8f2
  • terminal.background#fffaf0
  • terminal.foreground#2e3a2f
  • titleBar.activeBackground#fffaf0
  • titleBar.activeForeground#2e3a2f
  • titleBar.border#00000015
  • titleBar.inactiveBackground#fffaf0
  • titleBar.inactiveForeground#2e3a2f60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#e6e1d3italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#a8c46fbold
storage.type, storage.modifier#a8c46fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#d7b66b
string, punctuation.definition.string, string.template, meta.template.expression#b8d8f2
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#f6e6b7
variable, variable.other.readwrite, variable.other.object#2e3a2f
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2e3a2f
variable.parameter, meta.parameter#2e3a2fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2e3a2f80
keyword.operator#2e3a2f
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#b8d8f2bold
entity.other.inherited-class#d7b66b
entity.name.tag, punctuation.definition.tag#a8c46f
entity.other.attribute-name#d7b66b
meta.diff, meta.diff.header#e6e1d3
markup.deleted#f6e6b7
markup.inserted#d7b66b
markup.changed#b8d8f2
markup.heading, markup.heading.setext, punctuation.definition.heading#d7b66bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#b8d8f2
string.other.link.title, string.other.link.description#d7b66b
markup.underline.link#e6e1d3underline
punctuation.definition.list#a8c46f
markup.quote, punctuation.definition.quote#e6e1d3italic