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#5C4523
  • activityBar.border#ffffff15
  • activityBar.foreground#E9B567
  • activityBar.inactiveForeground#FAF8F460
  • activityBarBadge.background#E9B567
  • activityBarBadge.foreground#5C4523
  • button.background#E9B567
  • button.foreground#5C4523
  • button.hoverBackground#E9B567dd
  • editor.background#5C4523
  • editor.foreground#FAF8F4
  • editor.inactiveSelectionBackground#ECC0793580
  • editor.lineHighlightBackground#09131B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC07935
  • editorCursor.foreground#E9B567
  • editorGroupHeader.tabsBackground#5C4523dd
  • editorLineNumber.activeForeground#E9B567
  • editorLineNumber.foreground#EEF3F680
  • focusBorder#E9B567
  • foreground#FAF8F4
  • input.background#09131B
  • input.border#ffffff15
  • input.foreground#FAF8F4
  • input.placeholderForeground#FAF8F460
  • list.activeSelectionBackground#E9B56730
  • list.activeSelectionForeground#FAF8F4
  • list.highlightForeground#E9B567
  • list.hoverBackground#09131B40
  • list.hoverForeground#FAF8F4
  • list.inactiveSelectionBackground#E9B56715
  • list.inactiveSelectionForeground#FAF8F4
  • selection.background#ECC07935
  • sideBar.background#09131B
  • sideBar.border#ffffff15
  • sideBar.foreground#FAF8F4
  • sideBarSectionHeader.background#5C452380
  • sideBarSectionHeader.foreground#FAF8F4
  • sideBarTitle.foreground#E9B567
  • statusBar.background#5C4523
  • statusBar.border#ffffff15
  • statusBar.foreground#FAF8F4
  • statusBar.noFolderBackground#5C4523
  • tab.activeBackground#5C4523
  • tab.activeBorderTop#E9B567
  • tab.activeForeground#FAF8F4
  • tab.border#ffffff15
  • tab.inactiveBackground#09131B60
  • tab.inactiveForeground#FAF8F480
  • terminal.ansiBlack#5C4523
  • terminal.ansiBlue#ECC079
  • terminal.ansiCyan#E7CC55
  • terminal.ansiGreen#E9B567
  • terminal.ansiMagenta#83C3F1
  • terminal.ansiRed#83C3F1
  • terminal.ansiWhite#FAF8F4
  • terminal.ansiYellow#E7CC55
  • terminal.background#5C4523
  • terminal.foreground#FAF8F4
  • titleBar.activeBackground#5C4523
  • titleBar.activeForeground#FAF8F4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#5C4523
  • titleBar.inactiveForeground#FAF8F460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#EEF3F6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC079bold
storage.type, storage.modifier#ECC079italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9B567
string, punctuation.definition.string, string.template, meta.template.expression#E7CC55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83C3F1
variable, variable.other.readwrite, variable.other.object#FAF8F4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FAF8F4
variable.parameter, meta.parameter#FAF8F4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FAF8F480
keyword.operator#FAF8F4
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7CC55bold
entity.other.inherited-class#E9B567
entity.name.tag, punctuation.definition.tag#ECC079
entity.other.attribute-name#E9B567
meta.diff, meta.diff.header#EEF3F6
markup.deleted#83C3F1
markup.inserted#E9B567
markup.changed#E7CC55
markup.heading, markup.heading.setext, punctuation.definition.heading#E9B567bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7CC55
string.other.link.title, string.other.link.description#E9B567
markup.underline.link#EEF3F6underline
punctuation.definition.list#ECC079
markup.quote, punctuation.definition.quote#EEF3F6italic