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#FDFDFC
  • activityBar.border#00000015
  • activityBar.foreground#937225
  • activityBar.inactiveForeground#2f2f2b60
  • activityBarBadge.background#937225
  • activityBarBadge.foreground#FDFDFC
  • button.background#937225
  • button.foreground#FDFDFC
  • button.hoverBackground#937225dd
  • editor.background#FDFDFC
  • editor.foreground#2f2f2b
  • editor.inactiveSelectionBackground#8362212580
  • editor.lineHighlightBackground#F3F4F150
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83622125
  • editorCursor.foreground#937225
  • editorGroupHeader.tabsBackground#F3F4F1aa
  • editorLineNumber.activeForeground#937225
  • editorLineNumber.foreground#8e918a80
  • focusBorder#937225
  • foreground#2f2f2b
  • input.background#F3F4F1
  • input.border#00000015
  • input.foreground#2f2f2b
  • input.placeholderForeground#2f2f2b60
  • list.activeSelectionBackground#93722530
  • list.activeSelectionForeground#2f2f2b
  • list.highlightForeground#937225
  • list.hoverBackground#F3F4F140
  • list.hoverForeground#2f2f2b
  • list.inactiveSelectionBackground#93722515
  • list.inactiveSelectionForeground#2f2f2b
  • selection.background#83622125
  • sideBar.background#F3F4F1
  • sideBar.border#00000015
  • sideBar.foreground#2f2f2b
  • sideBarSectionHeader.background#F3F4F180
  • sideBarSectionHeader.foreground#2f2f2b
  • sideBarTitle.foreground#937225
  • statusBar.background#FDFDFC
  • statusBar.border#00000015
  • statusBar.foreground#2f2f2b
  • statusBar.noFolderBackground#FDFDFC
  • tab.activeBackground#FDFDFC
  • tab.activeBorderTop#937225
  • tab.activeForeground#2f2f2b
  • tab.border#00000015
  • tab.inactiveBackground#FDFDFC60
  • tab.inactiveForeground#2f2f2b80
  • terminal.ansiBlack#2f2f2b
  • terminal.ansiBlue#836221
  • terminal.ansiCyan#7CA329
  • terminal.ansiGreen#937225
  • terminal.ansiMagenta#765419
  • terminal.ansiRed#765419
  • terminal.ansiWhite#2f2f2b
  • terminal.ansiYellow#7CA329
  • terminal.background#FDFDFC
  • terminal.foreground#2f2f2b
  • titleBar.activeBackground#FDFDFC
  • titleBar.activeForeground#2f2f2b
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFDFC
  • titleBar.inactiveForeground#2f2f2b60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8e918aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836221bold
storage.type, storage.modifier#836221italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#937225
string, punctuation.definition.string, string.template, meta.template.expression#7CA329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765419
variable, variable.other.readwrite, variable.other.object#2f2f2b
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2f2f2b
variable.parameter, meta.parameter#2f2f2bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2f2f2b80
keyword.operator#2f2f2b
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#7CA329bold
entity.other.inherited-class#937225
entity.name.tag, punctuation.definition.tag#836221
entity.other.attribute-name#937225
meta.diff, meta.diff.header#8e918a
markup.deleted#765419
markup.inserted#937225
markup.changed#7CA329
markup.heading, markup.heading.setext, punctuation.definition.heading#937225bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#7CA329
string.other.link.title, string.other.link.description#937225
markup.underline.link#8e918aunderline
punctuation.definition.list#836221
markup.quote, punctuation.definition.quote#8e918aitalic