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#935825
  • activityBar.inactiveForeground#2B1F1560
  • activityBarBadge.background#935825
  • activityBarBadge.foreground#FEFDFB
  • button.background#935825
  • button.foreground#FEFDFB
  • button.hoverBackground#935825dd
  • editor.background#FEFDFB
  • editor.foreground#2B1F15
  • editor.inactiveSelectionBackground#835A212580
  • editor.lineHighlightBackground#FBF9F450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#835A2125
  • editorCursor.foreground#935825
  • editorGroupHeader.tabsBackground#FBF9F4aa
  • editorLineNumber.activeForeground#935825
  • editorLineNumber.foreground#D8C8B280
  • focusBorder#935825
  • foreground#2B1F15
  • input.background#FBF9F4
  • input.border#00000015
  • input.foreground#2B1F15
  • input.placeholderForeground#2B1F1560
  • list.activeSelectionBackground#93582530
  • list.activeSelectionForeground#2B1F15
  • list.highlightForeground#935825
  • list.hoverBackground#FBF9F440
  • list.hoverForeground#2B1F15
  • list.inactiveSelectionBackground#93582515
  • list.inactiveSelectionForeground#2B1F15
  • selection.background#835A2125
  • sideBar.background#FBF9F4
  • sideBar.border#00000015
  • sideBar.foreground#2B1F15
  • sideBarSectionHeader.background#FBF9F480
  • sideBarSectionHeader.foreground#2B1F15
  • sideBarTitle.foreground#935825
  • statusBar.background#FEFDFB
  • statusBar.border#00000015
  • statusBar.foreground#2B1F15
  • statusBar.noFolderBackground#FEFDFB
  • tab.activeBackground#FEFDFB
  • tab.activeBorderTop#935825
  • tab.activeForeground#2B1F15
  • tab.border#00000015
  • tab.inactiveBackground#FEFDFB60
  • tab.inactiveForeground#2B1F1580
  • terminal.ansiBlack#2B1F15
  • terminal.ansiBlue#835A21
  • terminal.ansiCyan#A37A29
  • terminal.ansiGreen#935825
  • terminal.ansiMagenta#765219
  • terminal.ansiRed#765219
  • terminal.ansiWhite#2B1F15
  • terminal.ansiYellow#A37A29
  • terminal.background#FEFDFB
  • terminal.foreground#2B1F15
  • titleBar.activeBackground#FEFDFB
  • titleBar.activeForeground#2B1F15
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FEFDFB
  • titleBar.inactiveForeground#2B1F1560
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D8C8B2italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#835A21bold
storage.type, storage.modifier#835A21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#935825
string, punctuation.definition.string, string.template, meta.template.expression#A37A29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765219
variable, variable.other.readwrite, variable.other.object#2B1F15
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2B1F15
variable.parameter, meta.parameter#2B1F15dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2B1F1580
keyword.operator#2B1F15
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37A29bold
entity.other.inherited-class#935825
entity.name.tag, punctuation.definition.tag#835A21
entity.other.attribute-name#935825
meta.diff, meta.diff.header#D8C8B2
markup.deleted#765219
markup.inserted#935825
markup.changed#A37A29
markup.heading, markup.heading.setext, punctuation.definition.heading#935825bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37A29
string.other.link.title, string.other.link.description#935825
markup.underline.link#D8C8B2underline
punctuation.definition.list#835A21
markup.quote, punctuation.definition.quote#D8C8B2italic