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#544436
  • activityBar.border#ffffff15
  • activityBar.foreground#E9C967
  • activityBar.inactiveForeground#FFFCF460
  • activityBarBadge.background#E9C967
  • activityBarBadge.foreground#544436
  • button.background#E9C967
  • button.foreground#544436
  • button.hoverBackground#E9C967dd
  • editor.background#544436
  • editor.foreground#FFFCF4
  • editor.inactiveSelectionBackground#ECB4793580
  • editor.lineHighlightBackground#1D150C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECB47935
  • editorCursor.foreground#E9C967
  • editorGroupHeader.tabsBackground#544436dd
  • editorLineNumber.activeForeground#E9C967
  • editorLineNumber.foreground#C79B5280
  • focusBorder#E9C967
  • foreground#FFFCF4
  • input.background#1D150C
  • input.border#ffffff15
  • input.foreground#FFFCF4
  • input.placeholderForeground#FFFCF460
  • list.activeSelectionBackground#E9C96730
  • list.activeSelectionForeground#FFFCF4
  • list.highlightForeground#E9C967
  • list.hoverBackground#1D150C40
  • list.hoverForeground#FFFCF4
  • list.inactiveSelectionBackground#E9C96715
  • list.inactiveSelectionForeground#FFFCF4
  • selection.background#ECB47935
  • sideBar.background#1D150C
  • sideBar.border#ffffff15
  • sideBar.foreground#FFFCF4
  • sideBarSectionHeader.background#54443680
  • sideBarSectionHeader.foreground#FFFCF4
  • sideBarTitle.foreground#E9C967
  • statusBar.background#544436
  • statusBar.border#ffffff15
  • statusBar.foreground#FFFCF4
  • statusBar.noFolderBackground#544436
  • tab.activeBackground#544436
  • tab.activeBorderTop#E9C967
  • tab.activeForeground#FFFCF4
  • tab.border#ffffff15
  • tab.inactiveBackground#1D150C60
  • tab.inactiveForeground#FFFCF480
  • terminal.ansiBlack#544436
  • terminal.ansiBlue#ECB479
  • terminal.ansiCyan#E7BB55
  • terminal.ansiGreen#E9C967
  • terminal.ansiMagenta#D0F183
  • terminal.ansiRed#D0F183
  • terminal.ansiWhite#FFFCF4
  • terminal.ansiYellow#E7BB55
  • terminal.background#544436
  • terminal.foreground#FFFCF4
  • titleBar.activeBackground#544436
  • titleBar.activeForeground#FFFCF4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#544436
  • titleBar.inactiveForeground#FFFCF460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C79B52italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECB479bold
storage.type, storage.modifier#ECB479italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9C967
string, punctuation.definition.string, string.template, meta.template.expression#E7BB55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#D0F183
variable, variable.other.readwrite, variable.other.object#FFFCF4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFFCF4
variable.parameter, meta.parameter#FFFCF4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFFCF480
keyword.operator#FFFCF4
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7BB55bold
entity.other.inherited-class#E9C967
entity.name.tag, punctuation.definition.tag#ECB479
entity.other.attribute-name#E9C967
meta.diff, meta.diff.header#C79B52
markup.deleted#D0F183
markup.inserted#E9C967
markup.changed#E7BB55
markup.heading, markup.heading.setext, punctuation.definition.heading#E9C967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7BB55
string.other.link.title, string.other.link.description#E9C967
markup.underline.link#C79B52underline
punctuation.definition.list#ECB479
markup.quote, punctuation.definition.quote#C79B52italic