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#5D5F5E
  • activityBar.border#ffffff15
  • activityBar.foreground#E9678E
  • activityBar.inactiveForeground#fbf8ef60
  • activityBarBadge.background#E9678E
  • activityBarBadge.foreground#5D5F5E
  • button.background#E9678E
  • button.foreground#5D5F5E
  • button.hoverBackground#E9678Edd
  • editor.background#5D5F5E
  • editor.foreground#fbf8ef
  • editor.inactiveSelectionBackground#79ECEC3580
  • editor.lineHighlightBackground#1D1C1B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ECEC35
  • editorCursor.foreground#E9678E
  • editorGroupHeader.tabsBackground#5D5F5Edd
  • editorLineNumber.activeForeground#E9678E
  • editorLineNumber.foreground#bdb8b080
  • focusBorder#E9678E
  • foreground#fbf8ef
  • input.background#1D1C1B
  • input.border#ffffff15
  • input.foreground#fbf8ef
  • input.placeholderForeground#fbf8ef60
  • list.activeSelectionBackground#E9678E30
  • list.activeSelectionForeground#fbf8ef
  • list.highlightForeground#E9678E
  • list.hoverBackground#1D1C1B40
  • list.hoverForeground#fbf8ef
  • list.inactiveSelectionBackground#E9678E15
  • list.inactiveSelectionForeground#fbf8ef
  • selection.background#79ECEC35
  • sideBar.background#1D1C1B
  • sideBar.border#ffffff15
  • sideBar.foreground#fbf8ef
  • sideBarSectionHeader.background#5D5F5E80
  • sideBarSectionHeader.foreground#fbf8ef
  • sideBarTitle.foreground#E9678E
  • statusBar.background#5D5F5E
  • statusBar.border#ffffff15
  • statusBar.foreground#fbf8ef
  • statusBar.noFolderBackground#5D5F5E
  • tab.activeBackground#5D5F5E
  • tab.activeBorderTop#E9678E
  • tab.activeForeground#fbf8ef
  • tab.border#ffffff15
  • tab.inactiveBackground#1D1C1B60
  • tab.inactiveForeground#fbf8ef80
  • terminal.ansiBlack#5D5F5E
  • terminal.ansiBlue#79ECEC
  • terminal.ansiCyan#E7B655
  • terminal.ansiGreen#E9678E
  • terminal.ansiMagenta#F1839D
  • terminal.ansiRed#F1839D
  • terminal.ansiWhite#fbf8ef
  • terminal.ansiYellow#E7B655
  • terminal.background#5D5F5E
  • terminal.foreground#fbf8ef
  • titleBar.activeBackground#5D5F5E
  • titleBar.activeForeground#fbf8ef
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#5D5F5E
  • titleBar.inactiveForeground#fbf8ef60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#bdb8b0italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ECECbold
storage.type, storage.modifier#79ECECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9678E
string, punctuation.definition.string, string.template, meta.template.expression#E7B655
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1839D
variable, variable.other.readwrite, variable.other.object#fbf8ef
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fbf8ef
variable.parameter, meta.parameter#fbf8efdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fbf8ef80
keyword.operator#fbf8ef
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7B655bold
entity.other.inherited-class#E9678E
entity.name.tag, punctuation.definition.tag#79ECEC
entity.other.attribute-name#E9678E
meta.diff, meta.diff.header#bdb8b0
markup.deleted#F1839D
markup.inserted#E9678E
markup.changed#E7B655
markup.heading, markup.heading.setext, punctuation.definition.heading#E9678Ebold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7B655
string.other.link.title, string.other.link.description#E9678E
markup.underline.link#bdb8b0underline
punctuation.definition.list#79ECEC
markup.quote, punctuation.definition.quote#bdb8b0italic