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#4A2E21
  • activityBar.border#ffffff15
  • activityBar.foreground#E96772
  • activityBar.inactiveForeground#fff4e660
  • activityBarBadge.background#E96772
  • activityBarBadge.foreground#4A2E21
  • button.background#E96772
  • button.foreground#4A2E21
  • button.hoverBackground#E96772dd
  • editor.background#4A2E21
  • editor.foreground#fff4e6
  • editor.inactiveSelectionBackground#79EC903580
  • editor.lineHighlightBackground#130D0B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79EC9035
  • editorCursor.foreground#E96772
  • editorGroupHeader.tabsBackground#4A2E21dd
  • editorLineNumber.activeForeground#E96772
  • editorLineNumber.foreground#9abf7a80
  • focusBorder#E96772
  • foreground#fff4e6
  • input.background#130D0B
  • input.border#ffffff15
  • input.foreground#fff4e6
  • input.placeholderForeground#fff4e660
  • list.activeSelectionBackground#E9677230
  • list.activeSelectionForeground#fff4e6
  • list.highlightForeground#E96772
  • list.hoverBackground#130D0B40
  • list.hoverForeground#fff4e6
  • list.inactiveSelectionBackground#E9677215
  • list.inactiveSelectionForeground#fff4e6
  • selection.background#79EC9035
  • sideBar.background#130D0B
  • sideBar.border#ffffff15
  • sideBar.foreground#fff4e6
  • sideBarSectionHeader.background#4A2E2180
  • sideBarSectionHeader.foreground#fff4e6
  • sideBarTitle.foreground#E96772
  • statusBar.background#4A2E21
  • statusBar.border#ffffff15
  • statusBar.foreground#fff4e6
  • statusBar.noFolderBackground#4A2E21
  • tab.activeBackground#4A2E21
  • tab.activeBorderTop#E96772
  • tab.activeForeground#fff4e6
  • tab.border#ffffff15
  • tab.inactiveBackground#130D0B60
  • tab.inactiveForeground#fff4e680
  • terminal.ansiBlack#4A2E21
  • terminal.ansiBlue#79EC90
  • terminal.ansiCyan#E7C255
  • terminal.ansiGreen#E96772
  • terminal.ansiMagenta#C7F183
  • terminal.ansiRed#C7F183
  • terminal.ansiWhite#fff4e6
  • terminal.ansiYellow#E7C255
  • terminal.background#4A2E21
  • terminal.foreground#fff4e6
  • titleBar.activeBackground#4A2E21
  • titleBar.activeForeground#fff4e6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#4A2E21
  • titleBar.inactiveForeground#fff4e660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9abf7aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79EC90bold
storage.type, storage.modifier#79EC90italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E96772
string, punctuation.definition.string, string.template, meta.template.expression#E7C255
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C7F183
variable, variable.other.readwrite, variable.other.object#fff4e6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fff4e6
variable.parameter, meta.parameter#fff4e6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fff4e680
keyword.operator#fff4e6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7C255bold
entity.other.inherited-class#E96772
entity.name.tag, punctuation.definition.tag#79EC90
entity.other.attribute-name#E96772
meta.diff, meta.diff.header#9abf7a
markup.deleted#C7F183
markup.inserted#E96772
markup.changed#E7C255
markup.heading, markup.heading.setext, punctuation.definition.heading#E96772bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7C255
string.other.link.title, string.other.link.description#E96772
markup.underline.link#9abf7aunderline
punctuation.definition.list#79EC90
markup.quote, punctuation.definition.quote#9abf7aitalic