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#F8F6F0
  • activityBar.border#00000015
  • activityBar.foreground#DCD6CB
  • activityBar.inactiveForeground#2B2D2E60
  • activityBarBadge.background#DCD6CB
  • activityBarBadge.foreground#F8F6F0
  • button.background#DCD6CB
  • button.foreground#F8F6F0
  • button.hoverBackground#DCD6CBdd
  • editor.background#F8F6F0
  • editor.foreground#2B2D2E
  • editor.inactiveSelectionBackground#D8C7A82580
  • editor.lineHighlightBackground#FFFEFA50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#D8C7A825
  • editorCursor.foreground#DCD6CB
  • editorGroupHeader.tabsBackground#FFFEFAaa
  • editorLineNumber.activeForeground#DCD6CB
  • editorLineNumber.foreground#ECE7DC80
  • focusBorder#DCD6CB
  • foreground#2B2D2E
  • input.background#FFFEFA
  • input.border#00000015
  • input.foreground#2B2D2E
  • input.placeholderForeground#2B2D2E60
  • list.activeSelectionBackground#DCD6CB30
  • list.activeSelectionForeground#2B2D2E
  • list.highlightForeground#DCD6CB
  • list.hoverBackground#FFFEFA40
  • list.hoverForeground#2B2D2E
  • list.inactiveSelectionBackground#DCD6CB15
  • list.inactiveSelectionForeground#2B2D2E
  • selection.background#D8C7A825
  • sideBar.background#FFFEFA
  • sideBar.border#00000015
  • sideBar.foreground#2B2D2E
  • sideBarSectionHeader.background#FFFEFA80
  • sideBarSectionHeader.foreground#2B2D2E
  • sideBarTitle.foreground#DCD6CB
  • statusBar.background#F8F6F0
  • statusBar.border#00000015
  • statusBar.foreground#2B2D2E
  • statusBar.noFolderBackground#F8F6F0
  • tab.activeBackground#F8F6F0
  • tab.activeBorderTop#DCD6CB
  • tab.activeForeground#2B2D2E
  • tab.border#00000015
  • tab.inactiveBackground#F8F6F060
  • tab.inactiveForeground#2B2D2E80
  • terminal.ansiBlack#2B2D2E
  • terminal.ansiBlue#D8C7A8
  • terminal.ansiCyan#CBB891
  • terminal.ansiGreen#DCD6CB
  • terminal.ansiMagenta#8E9294
  • terminal.ansiRed#8E9294
  • terminal.ansiWhite#2B2D2E
  • terminal.ansiYellow#CBB891
  • terminal.background#F8F6F0
  • terminal.foreground#2B2D2E
  • titleBar.activeBackground#F8F6F0
  • titleBar.activeForeground#2B2D2E
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F8F6F0
  • titleBar.inactiveForeground#2B2D2E60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#ECE7DCitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#D8C7A8bold
storage.type, storage.modifier#D8C7A8italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#DCD6CB
string, punctuation.definition.string, string.template, meta.template.expression#CBB891
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#8E9294
variable, variable.other.readwrite, variable.other.object#2B2D2E
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2B2D2E
variable.parameter, meta.parameter#2B2D2Edditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2B2D2E80
keyword.operator#2B2D2E
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#CBB891bold
entity.other.inherited-class#DCD6CB
entity.name.tag, punctuation.definition.tag#D8C7A8
entity.other.attribute-name#DCD6CB
meta.diff, meta.diff.header#ECE7DC
markup.deleted#8E9294
markup.inserted#DCD6CB
markup.changed#CBB891
markup.heading, markup.heading.setext, punctuation.definition.heading#DCD6CBbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#CBB891
string.other.link.title, string.other.link.description#DCD6CB
markup.underline.link#ECE7DCunderline
punctuation.definition.list#D8C7A8
markup.quote, punctuation.definition.quote#ECE7DCitalic