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#231F1A
  • activityBar.border#ffffff15
  • activityBar.foreground#E9B767
  • activityBar.inactiveForeground#f4eee460
  • activityBarBadge.background#E9B767
  • activityBarBadge.foreground#231F1A
  • button.background#E9B767
  • button.foreground#231F1A
  • button.hoverBackground#E9B767dd
  • editor.background#231F1A
  • editor.foreground#f4eee4
  • editor.inactiveSelectionBackground#ECB4793580
  • editor.lineHighlightBackground#19171440
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECB47935
  • editorCursor.foreground#E9B767
  • editorGroupHeader.tabsBackground#231F1Add
  • editorLineNumber.activeForeground#E9B767
  • editorLineNumber.foreground#7c746b80
  • focusBorder#E9B767
  • foreground#f4eee4
  • input.background#191714
  • input.border#ffffff15
  • input.foreground#f4eee4
  • input.placeholderForeground#f4eee460
  • list.activeSelectionBackground#E9B76730
  • list.activeSelectionForeground#f4eee4
  • list.highlightForeground#E9B767
  • list.hoverBackground#19171440
  • list.hoverForeground#f4eee4
  • list.inactiveSelectionBackground#E9B76715
  • list.inactiveSelectionForeground#f4eee4
  • selection.background#ECB47935
  • sideBar.background#191714
  • sideBar.border#ffffff15
  • sideBar.foreground#f4eee4
  • sideBarSectionHeader.background#231F1A80
  • sideBarSectionHeader.foreground#f4eee4
  • sideBarTitle.foreground#E9B767
  • statusBar.background#231F1A
  • statusBar.border#ffffff15
  • statusBar.foreground#f4eee4
  • statusBar.noFolderBackground#231F1A
  • tab.activeBackground#231F1A
  • tab.activeBorderTop#E9B767
  • tab.activeForeground#f4eee4
  • tab.border#ffffff15
  • tab.inactiveBackground#19171460
  • tab.inactiveForeground#f4eee480
  • terminal.ansiBlack#231F1A
  • terminal.ansiBlue#ECB479
  • terminal.ansiCyan#E79055
  • terminal.ansiGreen#E9B767
  • terminal.ansiMagenta#F1C183
  • terminal.ansiRed#F1C183
  • terminal.ansiWhite#f4eee4
  • terminal.ansiYellow#E79055
  • terminal.background#231F1A
  • terminal.foreground#f4eee4
  • titleBar.activeBackground#231F1A
  • titleBar.activeForeground#f4eee4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#231F1A
  • titleBar.inactiveForeground#f4eee460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7c746bitalic
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#E9B767
string, punctuation.definition.string, string.template, meta.template.expression#E79055
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1C183
variable, variable.other.readwrite, variable.other.object#f4eee4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4eee4
variable.parameter, meta.parameter#f4eee4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4eee480
keyword.operator#f4eee4
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E79055bold
entity.other.inherited-class#E9B767
entity.name.tag, punctuation.definition.tag#ECB479
entity.other.attribute-name#E9B767
meta.diff, meta.diff.header#7c746b
markup.deleted#F1C183
markup.inserted#E9B767
markup.changed#E79055
markup.heading, markup.heading.setext, punctuation.definition.heading#E9B767bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E79055
string.other.link.title, string.other.link.description#E9B767
markup.underline.link#7c746bunderline
punctuation.definition.list#ECB479
markup.quote, punctuation.definition.quote#7c746bitalic