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#513A24
  • activityBar.border#ffffff15
  • activityBar.foreground#E96795
  • activityBar.inactiveForeground#FBF7F260
  • activityBarBadge.background#E96795
  • activityBarBadge.foreground#513A24
  • button.background#E96795
  • button.foreground#513A24
  • button.hoverBackground#E96795dd
  • editor.background#513A24
  • editor.foreground#FBF7F2
  • editor.inactiveSelectionBackground#EC799C3580
  • editor.lineHighlightBackground#14101040
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#EC799C35
  • editorCursor.foreground#E96795
  • editorGroupHeader.tabsBackground#513A24dd
  • editorLineNumber.activeForeground#E96795
  • editorLineNumber.foreground#D4CDC180
  • focusBorder#E96795
  • foreground#FBF7F2
  • input.background#141010
  • input.border#ffffff15
  • input.foreground#FBF7F2
  • input.placeholderForeground#FBF7F260
  • list.activeSelectionBackground#E9679530
  • list.activeSelectionForeground#FBF7F2
  • list.highlightForeground#E96795
  • list.hoverBackground#14101040
  • list.hoverForeground#FBF7F2
  • list.inactiveSelectionBackground#E9679515
  • list.inactiveSelectionForeground#FBF7F2
  • selection.background#EC799C35
  • sideBar.background#141010
  • sideBar.border#ffffff15
  • sideBar.foreground#FBF7F2
  • sideBarSectionHeader.background#513A2480
  • sideBarSectionHeader.foreground#FBF7F2
  • sideBarTitle.foreground#E96795
  • statusBar.background#513A24
  • statusBar.border#ffffff15
  • statusBar.foreground#FBF7F2
  • statusBar.noFolderBackground#513A24
  • tab.activeBackground#513A24
  • tab.activeBorderTop#E96795
  • tab.activeForeground#FBF7F2
  • tab.border#ffffff15
  • tab.inactiveBackground#14101060
  • tab.inactiveForeground#FBF7F280
  • terminal.ansiBlack#513A24
  • terminal.ansiBlue#EC799C
  • terminal.ansiCyan#7FE755
  • terminal.ansiGreen#E96795
  • terminal.ansiMagenta#9FF183
  • terminal.ansiRed#9FF183
  • terminal.ansiWhite#FBF7F2
  • terminal.ansiYellow#7FE755
  • terminal.background#513A24
  • terminal.foreground#FBF7F2
  • titleBar.activeBackground#513A24
  • titleBar.activeForeground#FBF7F2
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#513A24
  • titleBar.inactiveForeground#FBF7F260
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D4CDC1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#EC799Cbold
storage.type, storage.modifier#EC799Citalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E96795
string, punctuation.definition.string, string.template, meta.template.expression#7FE755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#9FF183
variable, variable.other.readwrite, variable.other.object#FBF7F2
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FBF7F2
variable.parameter, meta.parameter#FBF7F2dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FBF7F280
keyword.operator#FBF7F2
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#7FE755bold
entity.other.inherited-class#E96795
entity.name.tag, punctuation.definition.tag#EC799C
entity.other.attribute-name#E96795
meta.diff, meta.diff.header#D4CDC1
markup.deleted#9FF183
markup.inserted#E96795
markup.changed#7FE755
markup.heading, markup.heading.setext, punctuation.definition.heading#E96795bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#7FE755
string.other.link.title, string.other.link.description#E96795
markup.underline.link#D4CDC1underline
punctuation.definition.list#EC799C
markup.quote, punctuation.definition.quote#D4CDC1italic