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#F8F4ED
  • activityBar.border#00000015
  • activityBar.foreground#259354
  • activityBar.inactiveForeground#17151160
  • activityBarBadge.background#259354
  • activityBarBadge.foreground#F8F4ED
  • button.background#259354
  • button.foreground#F8F4ED
  • button.hoverBackground#259354dd
  • editor.background#F8F4ED
  • editor.foreground#171511
  • editor.inactiveSelectionBackground#835D212580
  • editor.lineHighlightBackground#A6967D50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#835D2125
  • editorCursor.foreground#259354
  • editorGroupHeader.tabsBackground#A6967Daa
  • editorLineNumber.activeForeground#259354
  • editorLineNumber.foreground#d7c7ae80
  • focusBorder#259354
  • foreground#171511
  • input.background#A6967D
  • input.border#00000015
  • input.foreground#171511
  • input.placeholderForeground#17151160
  • list.activeSelectionBackground#25935430
  • list.activeSelectionForeground#171511
  • list.highlightForeground#259354
  • list.hoverBackground#A6967D40
  • list.hoverForeground#171511
  • list.inactiveSelectionBackground#25935415
  • list.inactiveSelectionForeground#171511
  • selection.background#835D2125
  • sideBar.background#A6967D
  • sideBar.border#00000015
  • sideBar.foreground#171511
  • sideBarSectionHeader.background#A6967D80
  • sideBarSectionHeader.foreground#171511
  • sideBarTitle.foreground#259354
  • statusBar.background#F8F4ED
  • statusBar.border#00000015
  • statusBar.foreground#171511
  • statusBar.noFolderBackground#F8F4ED
  • tab.activeBackground#F8F4ED
  • tab.activeBorderTop#259354
  • tab.activeForeground#171511
  • tab.border#00000015
  • tab.inactiveBackground#F8F4ED60
  • tab.inactiveForeground#17151180
  • terminal.ansiBlack#171511
  • terminal.ansiBlue#835D21
  • terminal.ansiCyan#68A329
  • terminal.ansiGreen#259354
  • terminal.ansiMagenta#765119
  • terminal.ansiRed#765119
  • terminal.ansiWhite#171511
  • terminal.ansiYellow#68A329
  • terminal.background#F8F4ED
  • terminal.foreground#171511
  • titleBar.activeBackground#F8F4ED
  • titleBar.activeForeground#171511
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F8F4ED
  • titleBar.inactiveForeground#17151160
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d7c7aeitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#835D21bold
storage.type, storage.modifier#835D21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#259354
string, punctuation.definition.string, string.template, meta.template.expression#68A329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765119
variable, variable.other.readwrite, variable.other.object#171511
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#171511
variable.parameter, meta.parameter#171511dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#17151180
keyword.operator#171511
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#68A329bold
entity.other.inherited-class#259354
entity.name.tag, punctuation.definition.tag#835D21
entity.other.attribute-name#259354
meta.diff, meta.diff.header#d7c7ae
markup.deleted#765119
markup.inserted#259354
markup.changed#68A329
markup.heading, markup.heading.setext, punctuation.definition.heading#259354bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#68A329
string.other.link.title, string.other.link.description#259354
markup.underline.link#d7c7aeunderline
punctuation.definition.list#835D21
markup.quote, punctuation.definition.quote#d7c7aeitalic