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#6A4B29
  • activityBar.border#ffffff15
  • activityBar.foreground#AFE967
  • activityBar.inactiveForeground#FFFBD660
  • activityBarBadge.background#AFE967
  • activityBarBadge.foreground#6A4B29
  • button.background#AFE967
  • button.foreground#6A4B29
  • button.hoverBackground#AFE967dd
  • editor.background#6A4B29
  • editor.foreground#FFFBD6
  • editor.inactiveSelectionBackground#96EC793580
  • editor.lineHighlightBackground#0A0A0A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#96EC7935
  • editorCursor.foreground#AFE967
  • editorGroupHeader.tabsBackground#6A4B29dd
  • editorLineNumber.activeForeground#AFE967
  • editorLineNumber.foreground#74a64a80
  • focusBorder#AFE967
  • foreground#FFFBD6
  • input.background#0A0A0A
  • input.border#ffffff15
  • input.foreground#FFFBD6
  • input.placeholderForeground#FFFBD660
  • list.activeSelectionBackground#AFE96730
  • list.activeSelectionForeground#FFFBD6
  • list.highlightForeground#AFE967
  • list.hoverBackground#0A0A0A40
  • list.hoverForeground#FFFBD6
  • list.inactiveSelectionBackground#AFE96715
  • list.inactiveSelectionForeground#FFFBD6
  • selection.background#96EC7935
  • sideBar.background#0A0A0A
  • sideBar.border#ffffff15
  • sideBar.foreground#FFFBD6
  • sideBarSectionHeader.background#6A4B2980
  • sideBarSectionHeader.foreground#FFFBD6
  • sideBarTitle.foreground#AFE967
  • statusBar.background#6A4B29
  • statusBar.border#ffffff15
  • statusBar.foreground#FFFBD6
  • statusBar.noFolderBackground#6A4B29
  • tab.activeBackground#6A4B29
  • tab.activeBorderTop#AFE967
  • tab.activeForeground#FFFBD6
  • tab.border#ffffff15
  • tab.inactiveBackground#0A0A0A60
  • tab.inactiveForeground#FFFBD680
  • terminal.ansiBlack#6A4B29
  • terminal.ansiBlue#96EC79
  • terminal.ansiCyan#E7D855
  • terminal.ansiGreen#AFE967
  • terminal.ansiMagenta#9FF183
  • terminal.ansiRed#9FF183
  • terminal.ansiWhite#FFFBD6
  • terminal.ansiYellow#E7D855
  • terminal.background#6A4B29
  • terminal.foreground#FFFBD6
  • titleBar.activeBackground#6A4B29
  • titleBar.activeForeground#FFFBD6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#6A4B29
  • titleBar.inactiveForeground#FFFBD660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#74a64aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#96EC79bold
storage.type, storage.modifier#96EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#AFE967
string, punctuation.definition.string, string.template, meta.template.expression#E7D855
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#9FF183
variable, variable.other.readwrite, variable.other.object#FFFBD6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFFBD6
variable.parameter, meta.parameter#FFFBD6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFFBD680
keyword.operator#FFFBD6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7D855bold
entity.other.inherited-class#AFE967
entity.name.tag, punctuation.definition.tag#96EC79
entity.other.attribute-name#AFE967
meta.diff, meta.diff.header#74a64a
markup.deleted#9FF183
markup.inserted#AFE967
markup.changed#E7D855
markup.heading, markup.heading.setext, punctuation.definition.heading#AFE967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7D855
string.other.link.title, string.other.link.description#AFE967
markup.underline.link#74a64aunderline
punctuation.definition.list#96EC79
markup.quote, punctuation.definition.quote#74a64aitalic