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#100C0A
  • activityBar.border#ffffff15
  • activityBar.foreground#E99D67
  • activityBar.inactiveForeground#f5f1e860
  • activityBarBadge.background#E99D67
  • activityBarBadge.foreground#100C0A
  • button.background#E99D67
  • button.foreground#100C0A
  • button.hoverBackground#E99D67dd
  • editor.background#100C0A
  • editor.foreground#f5f1e8
  • editor.inactiveSelectionBackground#ECEC793580
  • editor.lineHighlightBackground#21181240
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECEC7935
  • editorCursor.foreground#E99D67
  • editorGroupHeader.tabsBackground#100C0Add
  • editorLineNumber.activeForeground#E99D67
  • editorLineNumber.foreground#a9866380
  • focusBorder#E99D67
  • foreground#f5f1e8
  • input.background#211812
  • input.border#ffffff15
  • input.foreground#f5f1e8
  • input.placeholderForeground#f5f1e860
  • list.activeSelectionBackground#E99D6730
  • list.activeSelectionForeground#f5f1e8
  • list.highlightForeground#E99D67
  • list.hoverBackground#21181240
  • list.hoverForeground#f5f1e8
  • list.inactiveSelectionBackground#E99D6715
  • list.inactiveSelectionForeground#f5f1e8
  • selection.background#ECEC7935
  • sideBar.background#211812
  • sideBar.border#ffffff15
  • sideBar.foreground#f5f1e8
  • sideBarSectionHeader.background#100C0A80
  • sideBarSectionHeader.foreground#f5f1e8
  • sideBarTitle.foreground#E99D67
  • statusBar.background#100C0A
  • statusBar.border#ffffff15
  • statusBar.foreground#f5f1e8
  • statusBar.noFolderBackground#100C0A
  • tab.activeBackground#100C0A
  • tab.activeBorderTop#E99D67
  • tab.activeForeground#f5f1e8
  • tab.border#ffffff15
  • tab.inactiveBackground#21181260
  • tab.inactiveForeground#f5f1e880
  • terminal.ansiBlack#100C0A
  • terminal.ansiBlue#ECEC79
  • terminal.ansiCyan#B4E755
  • terminal.ansiGreen#E99D67
  • terminal.ansiMagenta#CBF183
  • terminal.ansiRed#CBF183
  • terminal.ansiWhite#f5f1e8
  • terminal.ansiYellow#B4E755
  • terminal.background#100C0A
  • terminal.foreground#f5f1e8
  • titleBar.activeBackground#100C0A
  • titleBar.activeForeground#f5f1e8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#100C0A
  • titleBar.inactiveForeground#f5f1e860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a98663italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECEC79bold
storage.type, storage.modifier#ECEC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E99D67
string, punctuation.definition.string, string.template, meta.template.expression#B4E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#CBF183
variable, variable.other.readwrite, variable.other.object#f5f1e8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f5f1e8
variable.parameter, meta.parameter#f5f1e8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f5f1e880
keyword.operator#f5f1e8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#B4E755bold
entity.other.inherited-class#E99D67
entity.name.tag, punctuation.definition.tag#ECEC79
entity.other.attribute-name#E99D67
meta.diff, meta.diff.header#a98663
markup.deleted#CBF183
markup.inserted#E99D67
markup.changed#B4E755
markup.heading, markup.heading.setext, punctuation.definition.heading#E99D67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#B4E755
string.other.link.title, string.other.link.description#E99D67
markup.underline.link#a98663underline
punctuation.definition.list#ECEC79
markup.quote, punctuation.definition.quote#a98663italic