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#3b2118
  • activityBar.border#ffffff15
  • activityBar.foreground#A35A28
  • activityBar.inactiveForeground#FAF7F260
  • activityBarBadge.background#A35A28
  • activityBarBadge.foreground#3b2118
  • button.background#A35A28
  • button.foreground#3b2118
  • button.hoverBackground#A35A28dd
  • editor.background#3b2118
  • editor.foreground#FAF7F2
  • editor.inactiveSelectionBackground#7B4A2E3580
  • editor.lineHighlightBackground#1A120D40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#7B4A2E35
  • editorCursor.foreground#A35A28
  • editorGroupHeader.tabsBackground#3b2118dd
  • editorLineNumber.activeForeground#A35A28
  • editorLineNumber.foreground#B8C6B080
  • focusBorder#A35A28
  • foreground#FAF7F2
  • input.background#1A120D
  • input.border#ffffff15
  • input.foreground#FAF7F2
  • input.placeholderForeground#FAF7F260
  • list.activeSelectionBackground#A35A2830
  • list.activeSelectionForeground#FAF7F2
  • list.highlightForeground#A35A28
  • list.hoverBackground#1A120D40
  • list.hoverForeground#FAF7F2
  • list.inactiveSelectionBackground#A35A2815
  • list.inactiveSelectionForeground#FAF7F2
  • selection.background#7B4A2E35
  • sideBar.background#1A120D
  • sideBar.border#ffffff15
  • sideBar.foreground#FAF7F2
  • sideBarSectionHeader.background#3b211880
  • sideBarSectionHeader.foreground#FAF7F2
  • sideBarTitle.foreground#A35A28
  • statusBar.background#3b2118
  • statusBar.border#ffffff15
  • statusBar.foreground#FAF7F2
  • statusBar.noFolderBackground#3b2118
  • tab.activeBackground#3b2118
  • tab.activeBorderTop#A35A28
  • tab.activeForeground#FAF7F2
  • tab.border#ffffff15
  • tab.inactiveBackground#1A120D60
  • tab.inactiveForeground#FAF7F280
  • terminal.ansiBlack#3b2118
  • terminal.ansiBlue#7B4A2E
  • terminal.ansiCyan#2E7D45
  • terminal.ansiGreen#A35A28
  • terminal.ansiMagenta#2E7D45
  • terminal.ansiRed#2E7D45
  • terminal.ansiWhite#FAF7F2
  • terminal.ansiYellow#2E7D45
  • terminal.background#3b2118
  • terminal.foreground#FAF7F2
  • titleBar.activeBackground#3b2118
  • titleBar.activeForeground#FAF7F2
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#3b2118
  • titleBar.inactiveForeground#FAF7F260
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B8C6B0italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#7B4A2Ebold
storage.type, storage.modifier#7B4A2Eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#A35A28
string, punctuation.definition.string, string.template, meta.template.expression#2E7D45
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#2E7D45
variable, variable.other.readwrite, variable.other.object#FAF7F2
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FAF7F2
variable.parameter, meta.parameter#FAF7F2dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FAF7F280
keyword.operator#FAF7F2
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2E7D45bold
entity.other.inherited-class#A35A28
entity.name.tag, punctuation.definition.tag#7B4A2E
entity.other.attribute-name#A35A28
meta.diff, meta.diff.header#B8C6B0
markup.deleted#2E7D45
markup.inserted#A35A28
markup.changed#2E7D45
markup.heading, markup.heading.setext, punctuation.definition.heading#A35A28bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2E7D45
string.other.link.title, string.other.link.description#A35A28
markup.underline.link#B8C6B0underline
punctuation.definition.list#7B4A2E
markup.quote, punctuation.definition.quote#B8C6B0italic