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#FCFBF8
  • activityBar.border#00000015
  • activityBar.foreground#935425
  • activityBar.inactiveForeground#12141660
  • activityBarBadge.background#935425
  • activityBarBadge.foreground#FCFBF8
  • button.background#935425
  • button.foreground#FCFBF8
  • button.hoverBackground#935425dd
  • editor.background#FCFBF8
  • editor.foreground#121416
  • editor.inactiveSelectionBackground#8353212580
  • editor.lineHighlightBackground#EADECC50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83532125
  • editorCursor.foreground#935425
  • editorGroupHeader.tabsBackground#EADECCaa
  • editorLineNumber.activeForeground#935425
  • editorLineNumber.foreground#8B7A6780
  • focusBorder#935425
  • foreground#121416
  • input.background#EADECC
  • input.border#00000015
  • input.foreground#121416
  • input.placeholderForeground#12141660
  • list.activeSelectionBackground#93542530
  • list.activeSelectionForeground#121416
  • list.highlightForeground#935425
  • list.hoverBackground#EADECC40
  • list.hoverForeground#121416
  • list.inactiveSelectionBackground#93542515
  • list.inactiveSelectionForeground#121416
  • selection.background#83532125
  • sideBar.background#EADECC
  • sideBar.border#00000015
  • sideBar.foreground#121416
  • sideBarSectionHeader.background#EADECC80
  • sideBarSectionHeader.foreground#121416
  • sideBarTitle.foreground#935425
  • statusBar.background#FCFBF8
  • statusBar.border#00000015
  • statusBar.foreground#121416
  • statusBar.noFolderBackground#FCFBF8
  • tab.activeBackground#FCFBF8
  • tab.activeBorderTop#935425
  • tab.activeForeground#121416
  • tab.border#00000015
  • tab.inactiveBackground#FCFBF860
  • tab.inactiveForeground#12141680
  • terminal.ansiBlack#121416
  • terminal.ansiBlue#835321
  • terminal.ansiCyan#29A341
  • terminal.ansiGreen#935425
  • terminal.ansiMagenta#3B7619
  • terminal.ansiRed#3B7619
  • terminal.ansiWhite#121416
  • terminal.ansiYellow#29A341
  • terminal.background#FCFBF8
  • terminal.foreground#121416
  • titleBar.activeBackground#FCFBF8
  • titleBar.activeForeground#121416
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFBF8
  • titleBar.inactiveForeground#12141660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8B7A67italic
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#935425
string, punctuation.definition.string, string.template, meta.template.expression#29A341
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#3B7619
variable, variable.other.readwrite, variable.other.object#121416
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#121416
variable.parameter, meta.parameter#121416dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#12141680
keyword.operator#121416
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#29A341bold
entity.other.inherited-class#935425
entity.name.tag, punctuation.definition.tag#835321
entity.other.attribute-name#935425
meta.diff, meta.diff.header#8B7A67
markup.deleted#3B7619
markup.inserted#935425
markup.changed#29A341
markup.heading, markup.heading.setext, punctuation.definition.heading#935425bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29A341
string.other.link.title, string.other.link.description#935425
markup.underline.link#8B7A67underline
punctuation.definition.list#835321
markup.quote, punctuation.definition.quote#8B7A67italic