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#7D5436
  • activityBar.border#ffffff15
  • activityBar.foreground#E96783
  • activityBar.inactiveForeground#FFFBFA60
  • activityBarBadge.background#E96783
  • activityBarBadge.foreground#7D5436
  • button.background#E96783
  • button.foreground#7D5436
  • button.hoverBackground#E96783dd
  • editor.background#7D5436
  • editor.foreground#FFFBFA
  • editor.inactiveSelectionBackground#EC79903580
  • editor.lineHighlightBackground#171A1C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#EC799035
  • editorCursor.foreground#E96783
  • editorGroupHeader.tabsBackground#7D5436dd
  • editorLineNumber.activeForeground#E96783
  • editorLineNumber.foreground#F3F3F680
  • focusBorder#E96783
  • foreground#FFFBFA
  • input.background#171A1C
  • input.border#ffffff15
  • input.foreground#FFFBFA
  • input.placeholderForeground#FFFBFA60
  • list.activeSelectionBackground#E9678330
  • list.activeSelectionForeground#FFFBFA
  • list.highlightForeground#E96783
  • list.hoverBackground#171A1C40
  • list.hoverForeground#FFFBFA
  • list.inactiveSelectionBackground#E9678315
  • list.inactiveSelectionForeground#FFFBFA
  • selection.background#EC799035
  • sideBar.background#171A1C
  • sideBar.border#ffffff15
  • sideBar.foreground#FFFBFA
  • sideBarSectionHeader.background#7D543680
  • sideBarSectionHeader.foreground#FFFBFA
  • sideBarTitle.foreground#E96783
  • statusBar.background#7D5436
  • statusBar.border#ffffff15
  • statusBar.foreground#FFFBFA
  • statusBar.noFolderBackground#7D5436
  • tab.activeBackground#7D5436
  • tab.activeBorderTop#E96783
  • tab.activeForeground#FFFBFA
  • tab.border#ffffff15
  • tab.inactiveBackground#171A1C60
  • tab.inactiveForeground#FFFBFA80
  • terminal.ansiBlack#7D5436
  • terminal.ansiBlue#EC7990
  • terminal.ansiCyan#E7557C
  • terminal.ansiGreen#E96783
  • terminal.ansiMagenta#83F1C0
  • terminal.ansiRed#83F1C0
  • terminal.ansiWhite#FFFBFA
  • terminal.ansiYellow#E7557C
  • terminal.background#7D5436
  • terminal.foreground#FFFBFA
  • titleBar.activeBackground#7D5436
  • titleBar.activeForeground#FFFBFA
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#7D5436
  • titleBar.inactiveForeground#FFFBFA60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#F3F3F6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#EC7990bold
storage.type, storage.modifier#EC7990italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E96783
string, punctuation.definition.string, string.template, meta.template.expression#E7557C
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F1C0
variable, variable.other.readwrite, variable.other.object#FFFBFA
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFFBFA
variable.parameter, meta.parameter#FFFBFAdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFFBFA80
keyword.operator#FFFBFA
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7557Cbold
entity.other.inherited-class#E96783
entity.name.tag, punctuation.definition.tag#EC7990
entity.other.attribute-name#E96783
meta.diff, meta.diff.header#F3F3F6
markup.deleted#83F1C0
markup.inserted#E96783
markup.changed#E7557C
markup.heading, markup.heading.setext, punctuation.definition.heading#E96783bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7557C
string.other.link.title, string.other.link.description#E96783
markup.underline.link#F3F3F6underline
punctuation.definition.list#EC7990
markup.quote, punctuation.definition.quote#F3F3F6italic