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#FEFDFB
  • activityBar.border#00000015
  • activityBar.foreground#936A25
  • activityBar.inactiveForeground#2B2B2660
  • activityBarBadge.background#936A25
  • activityBarBadge.foreground#FEFDFB
  • button.background#936A25
  • button.foreground#FEFDFB
  • button.hoverBackground#936A25dd
  • editor.background#FEFDFB
  • editor.foreground#2B2B26
  • editor.inactiveSelectionBackground#834B212580
  • editor.lineHighlightBackground#F6EDD550
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#834B2125
  • editorCursor.foreground#936A25
  • editorGroupHeader.tabsBackground#F6EDD5aa
  • editorLineNumber.activeForeground#936A25
  • editorLineNumber.foreground#E7DCC080
  • focusBorder#936A25
  • foreground#2B2B26
  • input.background#F6EDD5
  • input.border#00000015
  • input.foreground#2B2B26
  • input.placeholderForeground#2B2B2660
  • list.activeSelectionBackground#936A2530
  • list.activeSelectionForeground#2B2B26
  • list.highlightForeground#936A25
  • list.hoverBackground#F6EDD540
  • list.hoverForeground#2B2B26
  • list.inactiveSelectionBackground#936A2515
  • list.inactiveSelectionForeground#2B2B26
  • selection.background#834B2125
  • sideBar.background#F6EDD5
  • sideBar.border#00000015
  • sideBar.foreground#2B2B26
  • sideBarSectionHeader.background#F6EDD580
  • sideBarSectionHeader.foreground#2B2B26
  • sideBarTitle.foreground#936A25
  • statusBar.background#FEFDFB
  • statusBar.border#00000015
  • statusBar.foreground#2B2B26
  • statusBar.noFolderBackground#FEFDFB
  • tab.activeBackground#FEFDFB
  • tab.activeBorderTop#936A25
  • tab.activeForeground#2B2B26
  • tab.border#00000015
  • tab.inactiveBackground#FEFDFB60
  • tab.inactiveForeground#2B2B2680
  • terminal.ansiBlack#2B2B26
  • terminal.ansiBlue#834B21
  • terminal.ansiCyan#70A329
  • terminal.ansiGreen#936A25
  • terminal.ansiMagenta#76192A
  • terminal.ansiRed#76192A
  • terminal.ansiWhite#2B2B26
  • terminal.ansiYellow#70A329
  • terminal.background#FEFDFB
  • terminal.foreground#2B2B26
  • titleBar.activeBackground#FEFDFB
  • titleBar.activeForeground#2B2B26
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FEFDFB
  • titleBar.inactiveForeground#2B2B2660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E7DCC0italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#834B21bold
storage.type, storage.modifier#834B21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#936A25
string, punctuation.definition.string, string.template, meta.template.expression#70A329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#76192A
variable, variable.other.readwrite, variable.other.object#2B2B26
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2B2B26
variable.parameter, meta.parameter#2B2B26dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2B2B2680
keyword.operator#2B2B26
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#70A329bold
entity.other.inherited-class#936A25
entity.name.tag, punctuation.definition.tag#834B21
entity.other.attribute-name#936A25
meta.diff, meta.diff.header#E7DCC0
markup.deleted#76192A
markup.inserted#936A25
markup.changed#70A329
markup.heading, markup.heading.setext, punctuation.definition.heading#936A25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#70A329
string.other.link.title, string.other.link.description#936A25
markup.underline.link#E7DCC0underline
punctuation.definition.list#834B21
markup.quote, punctuation.definition.quote#E7DCC0italic