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#2C3035
  • activityBar.border#ffffff15
  • activityBar.foreground#67BAE9
  • activityBar.inactiveForeground#F6F7F860
  • activityBarBadge.background#67BAE9
  • activityBarBadge.foreground#2C3035
  • button.background#67BAE9
  • button.foreground#2C3035
  • button.hoverBackground#67BAE9dd
  • editor.background#2C3035
  • editor.foreground#F6F7F8
  • editor.inactiveSelectionBackground#79B2EC3580
  • editor.lineHighlightBackground#17191C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79B2EC35
  • editorCursor.foreground#67BAE9
  • editorGroupHeader.tabsBackground#2C3035dd
  • editorLineNumber.activeForeground#67BAE9
  • editorLineNumber.foreground#B7B1A680
  • focusBorder#67BAE9
  • foreground#F6F7F8
  • input.background#17191C
  • input.border#ffffff15
  • input.foreground#F6F7F8
  • input.placeholderForeground#F6F7F860
  • list.activeSelectionBackground#67BAE930
  • list.activeSelectionForeground#F6F7F8
  • list.highlightForeground#67BAE9
  • list.hoverBackground#17191C40
  • list.hoverForeground#F6F7F8
  • list.inactiveSelectionBackground#67BAE915
  • list.inactiveSelectionForeground#F6F7F8
  • selection.background#79B2EC35
  • sideBar.background#17191C
  • sideBar.border#ffffff15
  • sideBar.foreground#F6F7F8
  • sideBarSectionHeader.background#2C303580
  • sideBarSectionHeader.foreground#F6F7F8
  • sideBarTitle.foreground#67BAE9
  • statusBar.background#2C3035
  • statusBar.border#ffffff15
  • statusBar.foreground#F6F7F8
  • statusBar.noFolderBackground#2C3035
  • tab.activeBackground#2C3035
  • tab.activeBorderTop#67BAE9
  • tab.activeForeground#F6F7F8
  • tab.border#ffffff15
  • tab.inactiveBackground#17191C60
  • tab.inactiveForeground#F6F7F880
  • terminal.ansiBlack#2C3035
  • terminal.ansiBlue#79B2EC
  • terminal.ansiCyan#94E755
  • terminal.ansiGreen#67BAE9
  • terminal.ansiMagenta#83DBF1
  • terminal.ansiRed#83DBF1
  • terminal.ansiWhite#F6F7F8
  • terminal.ansiYellow#94E755
  • terminal.background#2C3035
  • terminal.foreground#F6F7F8
  • titleBar.activeBackground#2C3035
  • titleBar.activeForeground#F6F7F8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2C3035
  • titleBar.inactiveForeground#F6F7F860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B7B1A6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79B2ECbold
storage.type, storage.modifier#79B2ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67BAE9
string, punctuation.definition.string, string.template, meta.template.expression#94E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83DBF1
variable, variable.other.readwrite, variable.other.object#F6F7F8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F6F7F8
variable.parameter, meta.parameter#F6F7F8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F6F7F880
keyword.operator#F6F7F8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#94E755bold
entity.other.inherited-class#67BAE9
entity.name.tag, punctuation.definition.tag#79B2EC
entity.other.attribute-name#67BAE9
meta.diff, meta.diff.header#B7B1A6
markup.deleted#83DBF1
markup.inserted#67BAE9
markup.changed#94E755
markup.heading, markup.heading.setext, punctuation.definition.heading#67BAE9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#94E755
string.other.link.title, string.other.link.description#67BAE9
markup.underline.link#B7B1A6underline
punctuation.definition.list#79B2EC
markup.quote, punctuation.definition.quote#B7B1A6italic