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#23221F
  • activityBar.border#ffffff15
  • activityBar.foreground#E9B367
  • activityBar.inactiveForeground#f1ece260
  • activityBarBadge.background#E9B367
  • activityBarBadge.foreground#23221F
  • button.background#E9B367
  • button.foreground#23221F
  • button.hoverBackground#E9B367dd
  • editor.background#23221F
  • editor.foreground#f1ece2
  • editor.inactiveSelectionBackground#ECC2793580
  • editor.lineHighlightBackground#150E0940
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC27935
  • editorCursor.foreground#E9B367
  • editorGroupHeader.tabsBackground#23221Fdd
  • editorLineNumber.activeForeground#E9B367
  • editorLineNumber.foreground#ead7b680
  • focusBorder#E9B367
  • foreground#f1ece2
  • input.background#150E09
  • input.border#ffffff15
  • input.foreground#f1ece2
  • input.placeholderForeground#f1ece260
  • list.activeSelectionBackground#E9B36730
  • list.activeSelectionForeground#f1ece2
  • list.highlightForeground#E9B367
  • list.hoverBackground#150E0940
  • list.hoverForeground#f1ece2
  • list.inactiveSelectionBackground#E9B36715
  • list.inactiveSelectionForeground#f1ece2
  • selection.background#ECC27935
  • sideBar.background#150E09
  • sideBar.border#ffffff15
  • sideBar.foreground#f1ece2
  • sideBarSectionHeader.background#23221F80
  • sideBarSectionHeader.foreground#f1ece2
  • sideBarTitle.foreground#E9B367
  • statusBar.background#23221F
  • statusBar.border#ffffff15
  • statusBar.foreground#f1ece2
  • statusBar.noFolderBackground#23221F
  • tab.activeBackground#23221F
  • tab.activeBorderTop#E9B367
  • tab.activeForeground#f1ece2
  • tab.border#ffffff15
  • tab.inactiveBackground#150E0960
  • tab.inactiveForeground#f1ece280
  • terminal.ansiBlack#23221F
  • terminal.ansiBlue#ECC279
  • terminal.ansiCyan#B6E755
  • terminal.ansiGreen#E9B367
  • terminal.ansiMagenta#DFF183
  • terminal.ansiRed#DFF183
  • terminal.ansiWhite#f1ece2
  • terminal.ansiYellow#B6E755
  • terminal.background#23221F
  • terminal.foreground#f1ece2
  • titleBar.activeBackground#23221F
  • titleBar.activeForeground#f1ece2
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#23221F
  • titleBar.inactiveForeground#f1ece260
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#ead7b6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC279bold
storage.type, storage.modifier#ECC279italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9B367
string, punctuation.definition.string, string.template, meta.template.expression#B6E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#DFF183
variable, variable.other.readwrite, variable.other.object#f1ece2
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f1ece2
variable.parameter, meta.parameter#f1ece2dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f1ece280
keyword.operator#f1ece2
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#B6E755bold
entity.other.inherited-class#E9B367
entity.name.tag, punctuation.definition.tag#ECC279
entity.other.attribute-name#E9B367
meta.diff, meta.diff.header#ead7b6
markup.deleted#DFF183
markup.inserted#E9B367
markup.changed#B6E755
markup.heading, markup.heading.setext, punctuation.definition.heading#E9B367bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#B6E755
string.other.link.title, string.other.link.description#E9B367
markup.underline.link#ead7b6underline
punctuation.definition.list#ECC279
markup.quote, punctuation.definition.quote#ead7b6italic