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#5E3922
  • activityBar.border#ffffff15
  • activityBar.foreground#E9A067
  • activityBar.inactiveForeground#fff1df60
  • activityBarBadge.background#E9A067
  • activityBarBadge.foreground#5E3922
  • button.background#E9A067
  • button.foreground#5E3922
  • button.hoverBackground#E9A067dd
  • editor.background#5E3922
  • editor.foreground#fff1df
  • editor.inactiveSelectionBackground#ECB4793580
  • editor.lineHighlightBackground#160E0940
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECB47935
  • editorCursor.foreground#E9A067
  • editorGroupHeader.tabsBackground#5E3922dd
  • editorLineNumber.activeForeground#E9A067
  • editorLineNumber.foreground#f09a3f80
  • focusBorder#E9A067
  • foreground#fff1df
  • input.background#160E09
  • input.border#ffffff15
  • input.foreground#fff1df
  • input.placeholderForeground#fff1df60
  • list.activeSelectionBackground#E9A06730
  • list.activeSelectionForeground#fff1df
  • list.highlightForeground#E9A067
  • list.hoverBackground#160E0940
  • list.hoverForeground#fff1df
  • list.inactiveSelectionBackground#E9A06715
  • list.inactiveSelectionForeground#fff1df
  • selection.background#ECB47935
  • sideBar.background#160E09
  • sideBar.border#ffffff15
  • sideBar.foreground#fff1df
  • sideBarSectionHeader.background#5E392280
  • sideBarSectionHeader.foreground#fff1df
  • sideBarTitle.foreground#E9A067
  • statusBar.background#5E3922
  • statusBar.border#ffffff15
  • statusBar.foreground#fff1df
  • statusBar.noFolderBackground#5E3922
  • tab.activeBackground#5E3922
  • tab.activeBorderTop#E9A067
  • tab.activeForeground#fff1df
  • tab.border#ffffff15
  • tab.inactiveBackground#160E0960
  • tab.inactiveForeground#fff1df80
  • terminal.ansiBlack#5E3922
  • terminal.ansiBlue#ECB479
  • terminal.ansiCyan#E7B455
  • terminal.ansiGreen#E9A067
  • terminal.ansiMagenta#C7F183
  • terminal.ansiRed#C7F183
  • terminal.ansiWhite#fff1df
  • terminal.ansiYellow#E7B455
  • terminal.background#5E3922
  • terminal.foreground#fff1df
  • titleBar.activeBackground#5E3922
  • titleBar.activeForeground#fff1df
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#5E3922
  • titleBar.inactiveForeground#fff1df60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#f09a3fitalic
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#E9A067
string, punctuation.definition.string, string.template, meta.template.expression#E7B455
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C7F183
variable, variable.other.readwrite, variable.other.object#fff1df
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fff1df
variable.parameter, meta.parameter#fff1dfdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fff1df80
keyword.operator#fff1df
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7B455bold
entity.other.inherited-class#E9A067
entity.name.tag, punctuation.definition.tag#ECB479
entity.other.attribute-name#E9A067
meta.diff, meta.diff.header#f09a3f
markup.deleted#C7F183
markup.inserted#E9A067
markup.changed#E7B455
markup.heading, markup.heading.setext, punctuation.definition.heading#E9A067bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7B455
string.other.link.title, string.other.link.description#E9A067
markup.underline.link#f09a3funderline
punctuation.definition.list#ECB479
markup.quote, punctuation.definition.quote#f09a3fitalic