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#2B2924
  • activityBar.border#ffffff15
  • activityBar.foreground#C49A32
  • activityBar.inactiveForeground#F7F0E560
  • activityBarBadge.background#C49A32
  • activityBarBadge.foreground#2B2924
  • button.background#C49A32
  • button.foreground#2B2924
  • button.hoverBackground#C49A32dd
  • editor.background#2B2924
  • editor.foreground#F7F0E5
  • editor.inactiveSelectionBackground#B9A36B3580
  • editor.lineHighlightBackground#11100E40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#B9A36B35
  • editorCursor.foreground#C49A32
  • editorGroupHeader.tabsBackground#2B2924dd
  • editorLineNumber.activeForeground#C49A32
  • editorLineNumber.foreground#8B7A5D80
  • focusBorder#C49A32
  • foreground#F7F0E5
  • input.background#11100E
  • input.border#ffffff15
  • input.foreground#F7F0E5
  • input.placeholderForeground#F7F0E560
  • list.activeSelectionBackground#C49A3230
  • list.activeSelectionForeground#F7F0E5
  • list.highlightForeground#C49A32
  • list.hoverBackground#11100E40
  • list.hoverForeground#F7F0E5
  • list.inactiveSelectionBackground#C49A3215
  • list.inactiveSelectionForeground#F7F0E5
  • selection.background#B9A36B35
  • sideBar.background#11100E
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F0E5
  • sideBarSectionHeader.background#2B292480
  • sideBarSectionHeader.foreground#F7F0E5
  • sideBarTitle.foreground#C49A32
  • statusBar.background#2B2924
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F0E5
  • statusBar.noFolderBackground#2B2924
  • tab.activeBackground#2B2924
  • tab.activeBorderTop#C49A32
  • tab.activeForeground#F7F0E5
  • tab.border#ffffff15
  • tab.inactiveBackground#11100E60
  • tab.inactiveForeground#F7F0E580
  • terminal.ansiBlack#2B2924
  • terminal.ansiBlue#B9A36B
  • terminal.ansiCyan#B9A36B
  • terminal.ansiGreen#C49A32
  • terminal.ansiMagenta#B65A2A
  • terminal.ansiRed#B65A2A
  • terminal.ansiWhite#F7F0E5
  • terminal.ansiYellow#B9A36B
  • terminal.background#2B2924
  • terminal.foreground#F7F0E5
  • titleBar.activeBackground#2B2924
  • titleBar.activeForeground#F7F0E5
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2B2924
  • titleBar.inactiveForeground#F7F0E560
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8B7A5Ditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#B9A36Bbold
storage.type, storage.modifier#B9A36Bitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#C49A32
string, punctuation.definition.string, string.template, meta.template.expression#B9A36B
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#B65A2A
variable, variable.other.readwrite, variable.other.object#F7F0E5
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F0E5
variable.parameter, meta.parameter#F7F0E5dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F0E580
keyword.operator#F7F0E5
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#B9A36Bbold
entity.other.inherited-class#C49A32
entity.name.tag, punctuation.definition.tag#B9A36B
entity.other.attribute-name#C49A32
meta.diff, meta.diff.header#8B7A5D
markup.deleted#B65A2A
markup.inserted#C49A32
markup.changed#B9A36B
markup.heading, markup.heading.setext, punctuation.definition.heading#C49A32bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#B9A36B
string.other.link.title, string.other.link.description#C49A32
markup.underline.link#8B7A5Dunderline
punctuation.definition.list#B9A36B
markup.quote, punctuation.definition.quote#8B7A5Ditalic