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#6C4132
  • activityBar.border#ffffff15
  • activityBar.foreground#E96779
  • activityBar.inactiveForeground#f7f7f660
  • activityBarBadge.background#E96779
  • activityBarBadge.foreground#6C4132
  • button.background#E96779
  • button.foreground#6C4132
  • button.hoverBackground#E96779dd
  • editor.background#6C4132
  • editor.foreground#f7f7f6
  • editor.inactiveSelectionBackground#EC79853580
  • editor.lineHighlightBackground#070D0B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#EC798535
  • editorCursor.foreground#E96779
  • editorGroupHeader.tabsBackground#6C4132dd
  • editorLineNumber.activeForeground#E96779
  • editorLineNumber.foreground#afc7b080
  • focusBorder#E96779
  • foreground#f7f7f6
  • input.background#070D0B
  • input.border#ffffff15
  • input.foreground#f7f7f6
  • input.placeholderForeground#f7f7f660
  • list.activeSelectionBackground#E9677930
  • list.activeSelectionForeground#f7f7f6
  • list.highlightForeground#E96779
  • list.hoverBackground#070D0B40
  • list.hoverForeground#f7f7f6
  • list.inactiveSelectionBackground#E9677915
  • list.inactiveSelectionForeground#f7f7f6
  • selection.background#EC798535
  • sideBar.background#070D0B
  • sideBar.border#ffffff15
  • sideBar.foreground#f7f7f6
  • sideBarSectionHeader.background#6C413280
  • sideBarSectionHeader.foreground#f7f7f6
  • sideBarTitle.foreground#E96779
  • statusBar.background#6C4132
  • statusBar.border#ffffff15
  • statusBar.foreground#f7f7f6
  • statusBar.noFolderBackground#6C4132
  • tab.activeBackground#6C4132
  • tab.activeBorderTop#E96779
  • tab.activeForeground#f7f7f6
  • tab.border#ffffff15
  • tab.inactiveBackground#070D0B60
  • tab.inactiveForeground#f7f7f680
  • terminal.ansiBlack#6C4132
  • terminal.ansiBlue#EC7985
  • terminal.ansiCyan#E75555
  • terminal.ansiGreen#E96779
  • terminal.ansiMagenta#83F1CD
  • terminal.ansiRed#83F1CD
  • terminal.ansiWhite#f7f7f6
  • terminal.ansiYellow#E75555
  • terminal.background#6C4132
  • terminal.foreground#f7f7f6
  • titleBar.activeBackground#6C4132
  • titleBar.activeForeground#f7f7f6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#6C4132
  • titleBar.inactiveForeground#f7f7f660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#afc7b0italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#EC7985bold
storage.type, storage.modifier#EC7985italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E96779
string, punctuation.definition.string, string.template, meta.template.expression#E75555
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F1CD
variable, variable.other.readwrite, variable.other.object#f7f7f6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f7f7f6
variable.parameter, meta.parameter#f7f7f6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f7f7f680
keyword.operator#f7f7f6
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#E96779
entity.name.tag, punctuation.definition.tag#EC7985
entity.other.attribute-name#E96779
meta.diff, meta.diff.header#afc7b0
markup.deleted#83F1CD
markup.inserted#E96779
markup.changed#E75555
markup.heading, markup.heading.setext, punctuation.definition.heading#E96779bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E75555
string.other.link.title, string.other.link.description#E96779
markup.underline.link#afc7b0underline
punctuation.definition.list#EC7985
markup.quote, punctuation.definition.quote#afc7b0italic