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#161618
  • activityBar.border#ffffff15
  • activityBar.foreground#E99D67
  • activityBar.inactiveForeground#f7efe260
  • activityBarBadge.background#E99D67
  • activityBarBadge.foreground#161618
  • button.background#E99D67
  • button.foreground#161618
  • button.hoverBackground#E99D67dd
  • editor.background#161618
  • editor.foreground#f7efe2
  • editor.inactiveSelectionBackground#ECA1793580
  • editor.lineHighlightBackground#090A0B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECA17935
  • editorCursor.foreground#E99D67
  • editorGroupHeader.tabsBackground#161618dd
  • editorLineNumber.activeForeground#E99D67
  • editorLineNumber.foreground#8a786480
  • focusBorder#E99D67
  • foreground#f7efe2
  • input.background#090A0B
  • input.border#ffffff15
  • input.foreground#f7efe2
  • input.placeholderForeground#f7efe260
  • list.activeSelectionBackground#E99D6730
  • list.activeSelectionForeground#f7efe2
  • list.highlightForeground#E99D67
  • list.hoverBackground#090A0B40
  • list.hoverForeground#f7efe2
  • list.inactiveSelectionBackground#E99D6715
  • list.inactiveSelectionForeground#f7efe2
  • selection.background#ECA17935
  • sideBar.background#090A0B
  • sideBar.border#ffffff15
  • sideBar.foreground#f7efe2
  • sideBarSectionHeader.background#16161880
  • sideBarSectionHeader.foreground#f7efe2
  • sideBarTitle.foreground#E99D67
  • statusBar.background#161618
  • statusBar.border#ffffff15
  • statusBar.foreground#f7efe2
  • statusBar.noFolderBackground#161618
  • tab.activeBackground#161618
  • tab.activeBorderTop#E99D67
  • tab.activeForeground#f7efe2
  • tab.border#ffffff15
  • tab.inactiveBackground#090A0B60
  • tab.inactiveForeground#f7efe280
  • terminal.ansiBlack#161618
  • terminal.ansiBlue#ECA179
  • terminal.ansiCyan#E79055
  • terminal.ansiGreen#E99D67
  • terminal.ansiMagenta#F1C583
  • terminal.ansiRed#F1C583
  • terminal.ansiWhite#f7efe2
  • terminal.ansiYellow#E79055
  • terminal.background#161618
  • terminal.foreground#f7efe2
  • titleBar.activeBackground#161618
  • titleBar.activeForeground#f7efe2
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#161618
  • titleBar.inactiveForeground#f7efe260
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8a7864italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECA179bold
storage.type, storage.modifier#ECA179italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E99D67
string, punctuation.definition.string, string.template, meta.template.expression#E79055
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1C583
variable, variable.other.readwrite, variable.other.object#f7efe2
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f7efe2
variable.parameter, meta.parameter#f7efe2dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f7efe280
keyword.operator#f7efe2
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E79055bold
entity.other.inherited-class#E99D67
entity.name.tag, punctuation.definition.tag#ECA179
entity.other.attribute-name#E99D67
meta.diff, meta.diff.header#8a7864
markup.deleted#F1C583
markup.inserted#E99D67
markup.changed#E79055
markup.heading, markup.heading.setext, punctuation.definition.heading#E99D67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E79055
string.other.link.title, string.other.link.description#E99D67
markup.underline.link#8a7864underline
punctuation.definition.list#ECA179
markup.quote, punctuation.definition.quote#8a7864italic