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#fbf8ef
  • activityBar.border#00000015
  • activityBar.foreground#1aa6a8
  • activityBar.inactiveForeground#23211c60
  • activityBarBadge.background#1aa6a8
  • activityBarBadge.foreground#fbf8ef
  • button.background#1aa6a8
  • button.foreground#fbf8ef
  • button.hoverBackground#1aa6a8dd
  • editor.background#fbf8ef
  • editor.foreground#23211c
  • editor.inactiveSelectionBackground#7b54332580
  • editor.lineHighlightBackground#d9eee950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#7b543325
  • editorCursor.foreground#1aa6a8
  • editorGroupHeader.tabsBackground#d9eee9aa
  • editorLineNumber.activeForeground#1aa6a8
  • editorLineNumber.foreground#7f8f7880
  • focusBorder#1aa6a8
  • foreground#23211c
  • input.background#d9eee9
  • input.border#00000015
  • input.foreground#23211c
  • input.placeholderForeground#23211c60
  • list.activeSelectionBackground#1aa6a830
  • list.activeSelectionForeground#23211c
  • list.highlightForeground#1aa6a8
  • list.hoverBackground#d9eee940
  • list.hoverForeground#23211c
  • list.inactiveSelectionBackground#1aa6a815
  • list.inactiveSelectionForeground#23211c
  • selection.background#7b543325
  • sideBar.background#d9eee9
  • sideBar.border#00000015
  • sideBar.foreground#23211c
  • sideBarSectionHeader.background#d9eee980
  • sideBarSectionHeader.foreground#23211c
  • sideBarTitle.foreground#1aa6a8
  • statusBar.background#fbf8ef
  • statusBar.border#00000015
  • statusBar.foreground#23211c
  • statusBar.noFolderBackground#fbf8ef
  • tab.activeBackground#fbf8ef
  • tab.activeBorderTop#1aa6a8
  • tab.activeForeground#23211c
  • tab.border#00000015
  • tab.inactiveBackground#fbf8ef60
  • tab.inactiveForeground#23211c80
  • terminal.ansiBlack#23211c
  • terminal.ansiBlue#7b5433
  • terminal.ansiCyan#e1c68e
  • terminal.ansiGreen#1aa6a8
  • terminal.ansiMagenta#0f6f73
  • terminal.ansiRed#0f6f73
  • terminal.ansiWhite#23211c
  • terminal.ansiYellow#e1c68e
  • terminal.background#fbf8ef
  • terminal.foreground#23211c
  • titleBar.activeBackground#fbf8ef
  • titleBar.activeForeground#23211c
  • titleBar.border#00000015
  • titleBar.inactiveBackground#fbf8ef
  • titleBar.inactiveForeground#23211c60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7f8f78italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#7b5433bold
storage.type, storage.modifier#7b5433italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#1aa6a8
string, punctuation.definition.string, string.template, meta.template.expression#e1c68e
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#0f6f73
variable, variable.other.readwrite, variable.other.object#23211c
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#23211c
variable.parameter, meta.parameter#23211cdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#23211c80
keyword.operator#23211c
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#e1c68ebold
entity.other.inherited-class#1aa6a8
entity.name.tag, punctuation.definition.tag#7b5433
entity.other.attribute-name#1aa6a8
meta.diff, meta.diff.header#7f8f78
markup.deleted#0f6f73
markup.inserted#1aa6a8
markup.changed#e1c68e
markup.heading, markup.heading.setext, punctuation.definition.heading#1aa6a8bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#e1c68e
string.other.link.title, string.other.link.description#1aa6a8
markup.underline.link#7f8f78underline
punctuation.definition.list#7b5433
markup.quote, punctuation.definition.quote#7f8f78italic