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#4d5246
  • activityBar.border#ffffff15
  • activityBar.foreground#79b7d2
  • activityBar.inactiveForeground#f6efdf60
  • activityBarBadge.background#79b7d2
  • activityBarBadge.foreground#4d5246
  • button.background#79b7d2
  • button.foreground#4d5246
  • button.hoverBackground#79b7d2dd
  • editor.background#4d5246
  • editor.foreground#f6efdf
  • editor.inactiveSelectionBackground#9daa8c3580
  • editor.lineHighlightBackground#2f322b40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#9daa8c35
  • editorCursor.foreground#79b7d2
  • editorGroupHeader.tabsBackground#4d5246dd
  • editorLineNumber.activeForeground#79b7d2
  • editorLineNumber.foreground#d9d2bd80
  • focusBorder#79b7d2
  • foreground#f6efdf
  • input.background#2f322b
  • input.border#ffffff15
  • input.foreground#f6efdf
  • input.placeholderForeground#f6efdf60
  • list.activeSelectionBackground#79b7d230
  • list.activeSelectionForeground#f6efdf
  • list.highlightForeground#79b7d2
  • list.hoverBackground#2f322b40
  • list.hoverForeground#f6efdf
  • list.inactiveSelectionBackground#79b7d215
  • list.inactiveSelectionForeground#f6efdf
  • selection.background#9daa8c35
  • sideBar.background#2f322b
  • sideBar.border#ffffff15
  • sideBar.foreground#f6efdf
  • sideBarSectionHeader.background#4d524680
  • sideBarSectionHeader.foreground#f6efdf
  • sideBarTitle.foreground#79b7d2
  • statusBar.background#4d5246
  • statusBar.border#ffffff15
  • statusBar.foreground#f6efdf
  • statusBar.noFolderBackground#4d5246
  • tab.activeBackground#4d5246
  • tab.activeBorderTop#79b7d2
  • tab.activeForeground#f6efdf
  • tab.border#ffffff15
  • tab.inactiveBackground#2f322b60
  • tab.inactiveForeground#f6efdf80
  • terminal.ansiBlack#4d5246
  • terminal.ansiBlue#9daa8c
  • terminal.ansiCyan#fff8e8
  • terminal.ansiGreen#79b7d2
  • terminal.ansiMagenta#b9ad93
  • terminal.ansiRed#b9ad93
  • terminal.ansiWhite#f6efdf
  • terminal.ansiYellow#fff8e8
  • terminal.background#4d5246
  • terminal.foreground#f6efdf
  • titleBar.activeBackground#4d5246
  • titleBar.activeForeground#f6efdf
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#4d5246
  • titleBar.inactiveForeground#f6efdf60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d9d2bditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#9daa8cbold
storage.type, storage.modifier#9daa8citalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#79b7d2
string, punctuation.definition.string, string.template, meta.template.expression#fff8e8
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#b9ad93
variable, variable.other.readwrite, variable.other.object#f6efdf
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f6efdf
variable.parameter, meta.parameter#f6efdfdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f6efdf80
keyword.operator#f6efdf
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#fff8e8bold
entity.other.inherited-class#79b7d2
entity.name.tag, punctuation.definition.tag#9daa8c
entity.other.attribute-name#79b7d2
meta.diff, meta.diff.header#d9d2bd
markup.deleted#b9ad93
markup.inserted#79b7d2
markup.changed#fff8e8
markup.heading, markup.heading.setext, punctuation.definition.heading#79b7d2bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#fff8e8
string.other.link.title, string.other.link.description#79b7d2
markup.underline.link#d9d2bdunderline
punctuation.definition.list#9daa8c
markup.quote, punctuation.definition.quote#d9d2bditalic