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#E1A819
  • activityBar.border#00000015
  • activityBar.foreground#937225
  • activityBar.inactiveForeground#0F0F0F60
  • activityBarBadge.background#937225
  • activityBarBadge.foreground#E1A819
  • button.background#937225
  • button.foreground#E1A819
  • button.hoverBackground#937225dd
  • editor.background#E1A819
  • editor.foreground#0F0F0F
  • editor.inactiveSelectionBackground#8358212580
  • editor.lineHighlightBackground#EEDDBE50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83582125
  • editorCursor.foreground#937225
  • editorGroupHeader.tabsBackground#EEDDBEaa
  • editorLineNumber.activeForeground#937225
  • editorLineNumber.foreground#C48F4A80
  • focusBorder#937225
  • foreground#0F0F0F
  • input.background#EEDDBE
  • input.border#00000015
  • input.foreground#0F0F0F
  • input.placeholderForeground#0F0F0F60
  • list.activeSelectionBackground#93722530
  • list.activeSelectionForeground#0F0F0F
  • list.highlightForeground#937225
  • list.hoverBackground#EEDDBE40
  • list.hoverForeground#0F0F0F
  • list.inactiveSelectionBackground#93722515
  • list.inactiveSelectionForeground#0F0F0F
  • selection.background#83582125
  • sideBar.background#EEDDBE
  • sideBar.border#00000015
  • sideBar.foreground#0F0F0F
  • sideBarSectionHeader.background#EEDDBE80
  • sideBarSectionHeader.foreground#0F0F0F
  • sideBarTitle.foreground#937225
  • statusBar.background#E1A819
  • statusBar.border#00000015
  • statusBar.foreground#0F0F0F
  • statusBar.noFolderBackground#E1A819
  • tab.activeBackground#E1A819
  • tab.activeBorderTop#937225
  • tab.activeForeground#0F0F0F
  • tab.border#00000015
  • tab.inactiveBackground#E1A81960
  • tab.inactiveForeground#0F0F0F80
  • terminal.ansiBlack#0F0F0F
  • terminal.ansiBlue#835821
  • terminal.ansiCyan#29A362
  • terminal.ansiGreen#937225
  • terminal.ansiMagenta#197638
  • terminal.ansiRed#197638
  • terminal.ansiWhite#0F0F0F
  • terminal.ansiYellow#29A362
  • terminal.background#E1A819
  • terminal.foreground#0F0F0F
  • titleBar.activeBackground#E1A819
  • titleBar.activeForeground#0F0F0F
  • titleBar.border#00000015
  • titleBar.inactiveBackground#E1A819
  • titleBar.inactiveForeground#0F0F0F60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C48F4Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#835821bold
storage.type, storage.modifier#835821italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#937225
string, punctuation.definition.string, string.template, meta.template.expression#29A362
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#197638
variable, variable.other.readwrite, variable.other.object#0F0F0F
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0F0F0F
variable.parameter, meta.parameter#0F0F0Fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0F0F0F80
keyword.operator#0F0F0F
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#29A362bold
entity.other.inherited-class#937225
entity.name.tag, punctuation.definition.tag#835821
entity.other.attribute-name#937225
meta.diff, meta.diff.header#C48F4A
markup.deleted#197638
markup.inserted#937225
markup.changed#29A362
markup.heading, markup.heading.setext, punctuation.definition.heading#937225bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29A362
string.other.link.title, string.other.link.description#937225
markup.underline.link#C48F4Aunderline
punctuation.definition.list#835821
markup.quote, punctuation.definition.quote#C48F4Aitalic