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#231A1B
  • activityBar.border#ffffff15
  • activityBar.foreground#E9678E
  • activityBar.inactiveForeground#FFFAFA60
  • activityBarBadge.background#E9678E
  • activityBarBadge.foreground#231A1B
  • button.background#E9678E
  • button.foreground#231A1B
  • button.hoverBackground#E9678Edd
  • editor.background#231A1B
  • editor.foreground#FFFAFA
  • editor.inactiveSelectionBackground#EC79793580
  • editor.lineHighlightBackground#0F0F0F40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#EC797935
  • editorCursor.foreground#E9678E
  • editorGroupHeader.tabsBackground#231A1Bdd
  • editorLineNumber.activeForeground#E9678E
  • editorLineNumber.foreground#A88C8680
  • focusBorder#E9678E
  • foreground#FFFAFA
  • input.background#0F0F0F
  • input.border#ffffff15
  • input.foreground#FFFAFA
  • input.placeholderForeground#FFFAFA60
  • list.activeSelectionBackground#E9678E30
  • list.activeSelectionForeground#FFFAFA
  • list.highlightForeground#E9678E
  • list.hoverBackground#0F0F0F40
  • list.hoverForeground#FFFAFA
  • list.inactiveSelectionBackground#E9678E15
  • list.inactiveSelectionForeground#FFFAFA
  • selection.background#EC797935
  • sideBar.background#0F0F0F
  • sideBar.border#ffffff15
  • sideBar.foreground#FFFAFA
  • sideBarSectionHeader.background#231A1B80
  • sideBarSectionHeader.foreground#FFFAFA
  • sideBarTitle.foreground#E9678E
  • statusBar.background#231A1B
  • statusBar.border#ffffff15
  • statusBar.foreground#FFFAFA
  • statusBar.noFolderBackground#231A1B
  • tab.activeBackground#231A1B
  • tab.activeBorderTop#E9678E
  • tab.activeForeground#FFFAFA
  • tab.border#ffffff15
  • tab.inactiveBackground#0F0F0F60
  • tab.inactiveForeground#FFFAFA80
  • terminal.ansiBlack#231A1B
  • terminal.ansiBlue#EC7979
  • terminal.ansiCyan#E75555
  • terminal.ansiGreen#E9678E
  • terminal.ansiMagenta#F1CD83
  • terminal.ansiRed#F1CD83
  • terminal.ansiWhite#FFFAFA
  • terminal.ansiYellow#E75555
  • terminal.background#231A1B
  • terminal.foreground#FFFAFA
  • titleBar.activeBackground#231A1B
  • titleBar.activeForeground#FFFAFA
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#231A1B
  • titleBar.inactiveForeground#FFFAFA60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A88C86italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#EC7979bold
storage.type, storage.modifier#EC7979italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9678E
string, punctuation.definition.string, string.template, meta.template.expression#E75555
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1CD83
variable, variable.other.readwrite, variable.other.object#FFFAFA
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFFAFA
variable.parameter, meta.parameter#FFFAFAdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFFAFA80
keyword.operator#FFFAFA
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E75555bold
entity.other.inherited-class#E9678E
entity.name.tag, punctuation.definition.tag#EC7979
entity.other.attribute-name#E9678E
meta.diff, meta.diff.header#A88C86
markup.deleted#F1CD83
markup.inserted#E9678E
markup.changed#E75555
markup.heading, markup.heading.setext, punctuation.definition.heading#E9678Ebold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E75555
string.other.link.title, string.other.link.description#E9678E
markup.underline.link#A88C86underline
punctuation.definition.list#EC7979
markup.quote, punctuation.definition.quote#A88C86italic