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#292929
  • activityBar.border#ffffff15
  • activityBar.foreground#E9BC67
  • activityBar.inactiveForeground#fff8e660
  • activityBarBadge.background#E9BC67
  • activityBarBadge.foreground#292929
  • button.background#E9BC67
  • button.foreground#292929
  • button.hoverBackground#E9BC67dd
  • editor.background#292929
  • editor.foreground#fff8e6
  • editor.inactiveSelectionBackground#79CFEC3580
  • editor.lineHighlightBackground#1A181440
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79CFEC35
  • editorCursor.foreground#E9BC67
  • editorGroupHeader.tabsBackground#292929dd
  • editorLineNumber.activeForeground#E9BC67
  • editorLineNumber.foreground#9aa0a280
  • focusBorder#E9BC67
  • foreground#fff8e6
  • input.background#1A1814
  • input.border#ffffff15
  • input.foreground#fff8e6
  • input.placeholderForeground#fff8e660
  • list.activeSelectionBackground#E9BC6730
  • list.activeSelectionForeground#fff8e6
  • list.highlightForeground#E9BC67
  • list.hoverBackground#1A181440
  • list.hoverForeground#fff8e6
  • list.inactiveSelectionBackground#E9BC6715
  • list.inactiveSelectionForeground#fff8e6
  • selection.background#79CFEC35
  • sideBar.background#1A1814
  • sideBar.border#ffffff15
  • sideBar.foreground#fff8e6
  • sideBarSectionHeader.background#29292980
  • sideBarSectionHeader.foreground#fff8e6
  • sideBarTitle.foreground#E9BC67
  • statusBar.background#292929
  • statusBar.border#ffffff15
  • statusBar.foreground#fff8e6
  • statusBar.noFolderBackground#292929
  • tab.activeBackground#292929
  • tab.activeBorderTop#E9BC67
  • tab.activeForeground#fff8e6
  • tab.border#ffffff15
  • tab.inactiveBackground#1A181460
  • tab.inactiveForeground#fff8e680
  • terminal.ansiBlack#292929
  • terminal.ansiBlue#79CFEC
  • terminal.ansiCyan#E7AA55
  • terminal.ansiGreen#E9BC67
  • terminal.ansiMagenta#83F1C9
  • terminal.ansiRed#83F1C9
  • terminal.ansiWhite#fff8e6
  • terminal.ansiYellow#E7AA55
  • terminal.background#292929
  • terminal.foreground#fff8e6
  • titleBar.activeBackground#292929
  • titleBar.activeForeground#fff8e6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#292929
  • titleBar.inactiveForeground#fff8e660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9aa0a2italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79CFECbold
storage.type, storage.modifier#79CFECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9BC67
string, punctuation.definition.string, string.template, meta.template.expression#E7AA55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F1C9
variable, variable.other.readwrite, variable.other.object#fff8e6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fff8e6
variable.parameter, meta.parameter#fff8e6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fff8e680
keyword.operator#fff8e6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7AA55bold
entity.other.inherited-class#E9BC67
entity.name.tag, punctuation.definition.tag#79CFEC
entity.other.attribute-name#E9BC67
meta.diff, meta.diff.header#9aa0a2
markup.deleted#83F1C9
markup.inserted#E9BC67
markup.changed#E7AA55
markup.heading, markup.heading.setext, punctuation.definition.heading#E9BC67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7AA55
string.other.link.title, string.other.link.description#E9BC67
markup.underline.link#9aa0a2underline
punctuation.definition.list#79CFEC
markup.quote, punctuation.definition.quote#9aa0a2italic