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#221B16
  • activityBar.border#ffffff15
  • activityBar.foreground#E9A867
  • activityBar.inactiveForeground#f6efe360
  • activityBarBadge.background#E9A867
  • activityBarBadge.foreground#221B16
  • button.background#E9A867
  • button.foreground#221B16
  • button.hoverBackground#E9A867dd
  • editor.background#221B16
  • editor.foreground#f6efe3
  • editor.inactiveSelectionBackground#ECBE793580
  • editor.lineHighlightBackground#221B1640
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECBE7935
  • editorCursor.foreground#E9A867
  • editorGroupHeader.tabsBackground#221B16dd
  • editorLineNumber.activeForeground#E9A867
  • editorLineNumber.foreground#ead8bd80
  • focusBorder#E9A867
  • foreground#f6efe3
  • input.background#221B16
  • input.border#ffffff15
  • input.foreground#f6efe3
  • input.placeholderForeground#f6efe360
  • list.activeSelectionBackground#E9A86730
  • list.activeSelectionForeground#f6efe3
  • list.highlightForeground#E9A867
  • list.hoverBackground#221B1640
  • list.hoverForeground#f6efe3
  • list.inactiveSelectionBackground#E9A86715
  • list.inactiveSelectionForeground#f6efe3
  • selection.background#ECBE7935
  • sideBar.background#221B16
  • sideBar.border#ffffff15
  • sideBar.foreground#f6efe3
  • sideBarSectionHeader.background#221B1680
  • sideBarSectionHeader.foreground#f6efe3
  • sideBarTitle.foreground#E9A867
  • statusBar.background#221B16
  • statusBar.border#ffffff15
  • statusBar.foreground#f6efe3
  • statusBar.noFolderBackground#221B16
  • tab.activeBackground#221B16
  • tab.activeBorderTop#E9A867
  • tab.activeForeground#f6efe3
  • tab.border#ffffff15
  • tab.inactiveBackground#221B1660
  • tab.inactiveForeground#f6efe380
  • terminal.ansiBlack#221B16
  • terminal.ansiBlue#ECBE79
  • terminal.ansiCyan#E77755
  • terminal.ansiGreen#E9A867
  • terminal.ansiMagenta#F1AD83
  • terminal.ansiRed#F1AD83
  • terminal.ansiWhite#f6efe3
  • terminal.ansiYellow#E77755
  • terminal.background#221B16
  • terminal.foreground#f6efe3
  • titleBar.activeBackground#221B16
  • titleBar.activeForeground#f6efe3
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#221B16
  • titleBar.inactiveForeground#f6efe360
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#ead8bditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECBE79bold
storage.type, storage.modifier#ECBE79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9A867
string, punctuation.definition.string, string.template, meta.template.expression#E77755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1AD83
variable, variable.other.readwrite, variable.other.object#f6efe3
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f6efe3
variable.parameter, meta.parameter#f6efe3dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f6efe380
keyword.operator#f6efe3
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E77755bold
entity.other.inherited-class#E9A867
entity.name.tag, punctuation.definition.tag#ECBE79
entity.other.attribute-name#E9A867
meta.diff, meta.diff.header#ead8bd
markup.deleted#F1AD83
markup.inserted#E9A867
markup.changed#E77755
markup.heading, markup.heading.setext, punctuation.definition.heading#E9A867bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E77755
string.other.link.title, string.other.link.description#E9A867
markup.underline.link#ead8bdunderline
punctuation.definition.list#ECBE79
markup.quote, punctuation.definition.quote#ead8bditalic