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#18100B
  • activityBar.border#ffffff15
  • activityBar.foreground#E97D67
  • activityBar.inactiveForeground#f4ead760
  • activityBarBadge.background#E97D67
  • activityBarBadge.foreground#18100B
  • button.background#E97D67
  • button.foreground#18100B
  • button.hoverBackground#E97D67dd
  • editor.background#18100B
  • editor.foreground#f4ead7
  • editor.inactiveSelectionBackground#ECC0793580
  • editor.lineHighlightBackground#0C0A0840
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC07935
  • editorCursor.foreground#E97D67
  • editorGroupHeader.tabsBackground#18100Bdd
  • editorLineNumber.activeForeground#E97D67
  • editorLineNumber.foreground#9c897480
  • focusBorder#E97D67
  • foreground#f4ead7
  • input.background#0C0A08
  • input.border#ffffff15
  • input.foreground#f4ead7
  • input.placeholderForeground#f4ead760
  • list.activeSelectionBackground#E97D6730
  • list.activeSelectionForeground#f4ead7
  • list.highlightForeground#E97D67
  • list.hoverBackground#0C0A0840
  • list.hoverForeground#f4ead7
  • list.inactiveSelectionBackground#E97D6715
  • list.inactiveSelectionForeground#f4ead7
  • selection.background#ECC07935
  • sideBar.background#0C0A08
  • sideBar.border#ffffff15
  • sideBar.foreground#f4ead7
  • sideBarSectionHeader.background#18100B80
  • sideBarSectionHeader.foreground#f4ead7
  • sideBarTitle.foreground#E97D67
  • statusBar.background#18100B
  • statusBar.border#ffffff15
  • statusBar.foreground#f4ead7
  • statusBar.noFolderBackground#18100B
  • tab.activeBackground#18100B
  • tab.activeBorderTop#E97D67
  • tab.activeForeground#f4ead7
  • tab.border#ffffff15
  • tab.inactiveBackground#0C0A0860
  • tab.inactiveForeground#f4ead780
  • terminal.ansiBlack#18100B
  • terminal.ansiBlue#ECC079
  • terminal.ansiCyan#E75A55
  • terminal.ansiGreen#E97D67
  • terminal.ansiMagenta#F18783
  • terminal.ansiRed#F18783
  • terminal.ansiWhite#f4ead7
  • terminal.ansiYellow#E75A55
  • terminal.background#18100B
  • terminal.foreground#f4ead7
  • titleBar.activeBackground#18100B
  • titleBar.activeForeground#f4ead7
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#18100B
  • titleBar.inactiveForeground#f4ead760
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9c8974italic
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#E97D67
string, punctuation.definition.string, string.template, meta.template.expression#E75A55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F18783
variable, variable.other.readwrite, variable.other.object#f4ead7
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4ead7
variable.parameter, meta.parameter#f4ead7dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4ead780
keyword.operator#f4ead7
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E75A55bold
entity.other.inherited-class#E97D67
entity.name.tag, punctuation.definition.tag#ECC079
entity.other.attribute-name#E97D67
meta.diff, meta.diff.header#9c8974
markup.deleted#F18783
markup.inserted#E97D67
markup.changed#E75A55
markup.heading, markup.heading.setext, punctuation.definition.heading#E97D67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E75A55
string.other.link.title, string.other.link.description#E97D67
markup.underline.link#9c8974underline
punctuation.definition.list#ECC079
markup.quote, punctuation.definition.quote#9c8974italic