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#3C2516
  • activityBar.border#ffffff15
  • activityBar.foreground#E99D67
  • activityBar.inactiveForeground#f7f5f060
  • activityBarBadge.background#E99D67
  • activityBarBadge.foreground#3C2516
  • button.background#E99D67
  • button.foreground#3C2516
  • button.hoverBackground#E99D67dd
  • editor.background#3C2516
  • editor.foreground#f7f5f0
  • editor.inactiveSelectionBackground#79EC983580
  • editor.lineHighlightBackground#0A0A0A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79EC9835
  • editorCursor.foreground#E99D67
  • editorGroupHeader.tabsBackground#3C2516dd
  • editorLineNumber.activeForeground#E99D67
  • editorLineNumber.foreground#e6e2da80
  • focusBorder#E99D67
  • foreground#f7f5f0
  • input.background#0A0A0A
  • input.border#ffffff15
  • input.foreground#f7f5f0
  • input.placeholderForeground#f7f5f060
  • list.activeSelectionBackground#E99D6730
  • list.activeSelectionForeground#f7f5f0
  • list.highlightForeground#E99D67
  • list.hoverBackground#0A0A0A40
  • list.hoverForeground#f7f5f0
  • list.inactiveSelectionBackground#E99D6715
  • list.inactiveSelectionForeground#f7f5f0
  • selection.background#79EC9835
  • sideBar.background#0A0A0A
  • sideBar.border#ffffff15
  • sideBar.foreground#f7f5f0
  • sideBarSectionHeader.background#3C251680
  • sideBarSectionHeader.foreground#f7f5f0
  • sideBarTitle.foreground#E99D67
  • statusBar.background#3C2516
  • statusBar.border#ffffff15
  • statusBar.foreground#f7f5f0
  • statusBar.noFolderBackground#3C2516
  • tab.activeBackground#3C2516
  • tab.activeBorderTop#E99D67
  • tab.activeForeground#f7f5f0
  • tab.border#ffffff15
  • tab.inactiveBackground#0A0A0A60
  • tab.inactiveForeground#f7f5f080
  • terminal.ansiBlack#3C2516
  • terminal.ansiBlue#79EC98
  • terminal.ansiCyan#E7BB55
  • terminal.ansiGreen#E99D67
  • terminal.ansiMagenta#F1BC83
  • terminal.ansiRed#F1BC83
  • terminal.ansiWhite#f7f5f0
  • terminal.ansiYellow#E7BB55
  • terminal.background#3C2516
  • terminal.foreground#f7f5f0
  • titleBar.activeBackground#3C2516
  • titleBar.activeForeground#f7f5f0
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#3C2516
  • titleBar.inactiveForeground#f7f5f060
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#e6e2daitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79EC98bold
storage.type, storage.modifier#79EC98italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E99D67
string, punctuation.definition.string, string.template, meta.template.expression#E7BB55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1BC83
variable, variable.other.readwrite, variable.other.object#f7f5f0
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f7f5f0
variable.parameter, meta.parameter#f7f5f0dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f7f5f080
keyword.operator#f7f5f0
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7BB55bold
entity.other.inherited-class#E99D67
entity.name.tag, punctuation.definition.tag#79EC98
entity.other.attribute-name#E99D67
meta.diff, meta.diff.header#e6e2da
markup.deleted#F1BC83
markup.inserted#E99D67
markup.changed#E7BB55
markup.heading, markup.heading.setext, punctuation.definition.heading#E99D67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7BB55
string.other.link.title, string.other.link.description#E99D67
markup.underline.link#e6e2daunderline
punctuation.definition.list#79EC98
markup.quote, punctuation.definition.quote#e6e2daitalic