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#040506
  • activityBar.border#ffffff15
  • activityBar.foreground#E9AF67
  • activityBar.inactiveForeground#eef4ef60
  • activityBarBadge.background#E9AF67
  • activityBarBadge.foreground#040506
  • button.background#E9AF67
  • button.foreground#040506
  • button.hoverBackground#E9AF67dd
  • editor.background#040506
  • editor.foreground#eef4ef
  • editor.inactiveSelectionBackground#79B2EC3580
  • editor.lineHighlightBackground#090A0C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79B2EC35
  • editorCursor.foreground#E9AF67
  • editorGroupHeader.tabsBackground#040506dd
  • editorLineNumber.activeForeground#E9AF67
  • editorLineNumber.foreground#25282b80
  • focusBorder#E9AF67
  • foreground#eef4ef
  • input.background#090A0C
  • input.border#ffffff15
  • input.foreground#eef4ef
  • input.placeholderForeground#eef4ef60
  • list.activeSelectionBackground#E9AF6730
  • list.activeSelectionForeground#eef4ef
  • list.highlightForeground#E9AF67
  • list.hoverBackground#090A0C40
  • list.hoverForeground#eef4ef
  • list.inactiveSelectionBackground#E9AF6715
  • list.inactiveSelectionForeground#eef4ef
  • selection.background#79B2EC35
  • sideBar.background#090A0C
  • sideBar.border#ffffff15
  • sideBar.foreground#eef4ef
  • sideBarSectionHeader.background#04050680
  • sideBarSectionHeader.foreground#eef4ef
  • sideBarTitle.foreground#E9AF67
  • statusBar.background#040506
  • statusBar.border#ffffff15
  • statusBar.foreground#eef4ef
  • statusBar.noFolderBackground#040506
  • tab.activeBackground#040506
  • tab.activeBorderTop#E9AF67
  • tab.activeForeground#eef4ef
  • tab.border#ffffff15
  • tab.inactiveBackground#090A0C60
  • tab.inactiveForeground#eef4ef80
  • terminal.ansiBlack#040506
  • terminal.ansiBlue#79B2EC
  • terminal.ansiCyan#5599E7
  • terminal.ansiGreen#E9AF67
  • terminal.ansiMagenta#83D6F1
  • terminal.ansiRed#83D6F1
  • terminal.ansiWhite#eef4ef
  • terminal.ansiYellow#5599E7
  • terminal.background#040506
  • terminal.foreground#eef4ef
  • titleBar.activeBackground#040506
  • titleBar.activeForeground#eef4ef
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#040506
  • titleBar.inactiveForeground#eef4ef60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#25282bitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79B2ECbold
storage.type, storage.modifier#79B2ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9AF67
string, punctuation.definition.string, string.template, meta.template.expression#5599E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83D6F1
variable, variable.other.readwrite, variable.other.object#eef4ef
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#eef4ef
variable.parameter, meta.parameter#eef4efdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#eef4ef80
keyword.operator#eef4ef
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#5599E7bold
entity.other.inherited-class#E9AF67
entity.name.tag, punctuation.definition.tag#79B2EC
entity.other.attribute-name#E9AF67
meta.diff, meta.diff.header#25282b
markup.deleted#83D6F1
markup.inserted#E9AF67
markup.changed#5599E7
markup.heading, markup.heading.setext, punctuation.definition.heading#E9AF67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#5599E7
string.other.link.title, string.other.link.description#E9AF67
markup.underline.link#25282bunderline
punctuation.definition.list#79B2EC
markup.quote, punctuation.definition.quote#25282bitalic