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#2C190C
  • activityBar.border#ffffff15
  • activityBar.foreground#E9A067
  • activityBar.inactiveForeground#f4f1e660
  • activityBarBadge.background#E9A067
  • activityBarBadge.foreground#2C190C
  • button.background#E9A067
  • button.foreground#2C190C
  • button.hoverBackground#E9A067dd
  • editor.background#2C190C
  • editor.foreground#f4f1e6
  • editor.inactiveSelectionBackground#D5EC793580
  • editor.lineHighlightBackground#211F1740
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#D5EC7935
  • editorCursor.foreground#E9A067
  • editorGroupHeader.tabsBackground#2C190Cdd
  • editorLineNumber.activeForeground#E9A067
  • editorLineNumber.foreground#d1b08880
  • focusBorder#E9A067
  • foreground#f4f1e6
  • input.background#211F17
  • input.border#ffffff15
  • input.foreground#f4f1e6
  • input.placeholderForeground#f4f1e660
  • list.activeSelectionBackground#E9A06730
  • list.activeSelectionForeground#f4f1e6
  • list.highlightForeground#E9A067
  • list.hoverBackground#211F1740
  • list.hoverForeground#f4f1e6
  • list.inactiveSelectionBackground#E9A06715
  • list.inactiveSelectionForeground#f4f1e6
  • selection.background#D5EC7935
  • sideBar.background#211F17
  • sideBar.border#ffffff15
  • sideBar.foreground#f4f1e6
  • sideBarSectionHeader.background#2C190C80
  • sideBarSectionHeader.foreground#f4f1e6
  • sideBarTitle.foreground#E9A067
  • statusBar.background#2C190C
  • statusBar.border#ffffff15
  • statusBar.foreground#f4f1e6
  • statusBar.noFolderBackground#2C190C
  • tab.activeBackground#2C190C
  • tab.activeBorderTop#E9A067
  • tab.activeForeground#f4f1e6
  • tab.border#ffffff15
  • tab.inactiveBackground#211F1760
  • tab.inactiveForeground#f4f1e680
  • terminal.ansiBlack#2C190C
  • terminal.ansiBlue#D5EC79
  • terminal.ansiCyan#55E0E7
  • terminal.ansiGreen#E9A067
  • terminal.ansiMagenta#F1C183
  • terminal.ansiRed#F1C183
  • terminal.ansiWhite#f4f1e6
  • terminal.ansiYellow#55E0E7
  • terminal.background#2C190C
  • terminal.foreground#f4f1e6
  • titleBar.activeBackground#2C190C
  • titleBar.activeForeground#f4f1e6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2C190C
  • titleBar.inactiveForeground#f4f1e660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d1b088italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#D5EC79bold
storage.type, storage.modifier#D5EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9A067
string, punctuation.definition.string, string.template, meta.template.expression#55E0E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1C183
variable, variable.other.readwrite, variable.other.object#f4f1e6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4f1e6
variable.parameter, meta.parameter#f4f1e6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4f1e680
keyword.operator#f4f1e6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E0E7bold
entity.other.inherited-class#E9A067
entity.name.tag, punctuation.definition.tag#D5EC79
entity.other.attribute-name#E9A067
meta.diff, meta.diff.header#d1b088
markup.deleted#F1C183
markup.inserted#E9A067
markup.changed#55E0E7
markup.heading, markup.heading.setext, punctuation.definition.heading#E9A067bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E0E7
string.other.link.title, string.other.link.description#E9A067
markup.underline.link#d1b088underline
punctuation.definition.list#D5EC79
markup.quote, punctuation.definition.quote#d1b088italic