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#1d2426
  • activityBar.border#ffffff15
  • activityBar.foreground#137c7a
  • activityBar.inactiveForeground#f4f7f660
  • activityBarBadge.background#137c7a
  • activityBarBadge.foreground#1d2426
  • button.background#137c7a
  • button.foreground#1d2426
  • button.hoverBackground#137c7add
  • editor.background#1d2426
  • editor.foreground#f4f7f6
  • editor.inactiveSelectionBackground#8f96983580
  • editor.lineHighlightBackground#11141740
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#8f969835
  • editorCursor.foreground#137c7a
  • editorGroupHeader.tabsBackground#1d2426dd
  • editorLineNumber.activeForeground#137c7a
  • editorLineNumber.foreground#6f777880
  • focusBorder#137c7a
  • foreground#f4f7f6
  • input.background#111417
  • input.border#ffffff15
  • input.foreground#f4f7f6
  • input.placeholderForeground#f4f7f660
  • list.activeSelectionBackground#137c7a30
  • list.activeSelectionForeground#f4f7f6
  • list.highlightForeground#137c7a
  • list.hoverBackground#11141740
  • list.hoverForeground#f4f7f6
  • list.inactiveSelectionBackground#137c7a15
  • list.inactiveSelectionForeground#f4f7f6
  • selection.background#8f969835
  • sideBar.background#111417
  • sideBar.border#ffffff15
  • sideBar.foreground#f4f7f6
  • sideBarSectionHeader.background#1d242680
  • sideBarSectionHeader.foreground#f4f7f6
  • sideBarTitle.foreground#137c7a
  • statusBar.background#1d2426
  • statusBar.border#ffffff15
  • statusBar.foreground#f4f7f6
  • statusBar.noFolderBackground#1d2426
  • tab.activeBackground#1d2426
  • tab.activeBorderTop#137c7a
  • tab.activeForeground#f4f7f6
  • tab.border#ffffff15
  • tab.inactiveBackground#11141760
  • tab.inactiveForeground#f4f7f680
  • terminal.ansiBlack#1d2426
  • terminal.ansiBlue#8f9698
  • terminal.ansiCyan#5fb7ad
  • terminal.ansiGreen#137c7a
  • terminal.ansiMagenta#b65a3a
  • terminal.ansiRed#b65a3a
  • terminal.ansiWhite#f4f7f6
  • terminal.ansiYellow#5fb7ad
  • terminal.background#1d2426
  • terminal.foreground#f4f7f6
  • titleBar.activeBackground#1d2426
  • titleBar.activeForeground#f4f7f6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1d2426
  • titleBar.inactiveForeground#f4f7f660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6f7778italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#8f9698bold
storage.type, storage.modifier#8f9698italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#137c7a
string, punctuation.definition.string, string.template, meta.template.expression#5fb7ad
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#b65a3a
variable, variable.other.readwrite, variable.other.object#f4f7f6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4f7f6
variable.parameter, meta.parameter#f4f7f6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4f7f680
keyword.operator#f4f7f6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#5fb7adbold
entity.other.inherited-class#137c7a
entity.name.tag, punctuation.definition.tag#8f9698
entity.other.attribute-name#137c7a
meta.diff, meta.diff.header#6f7778
markup.deleted#b65a3a
markup.inserted#137c7a
markup.changed#5fb7ad
markup.heading, markup.heading.setext, punctuation.definition.heading#137c7abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#5fb7ad
string.other.link.title, string.other.link.description#137c7a
markup.underline.link#6f7778underline
punctuation.definition.list#8f9698
markup.quote, punctuation.definition.quote#6f7778italic