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#24211B
  • activityBar.border#ffffff15
  • activityBar.foreground#C99A2E
  • activityBar.inactiveForeground#F7F1E660
  • activityBarBadge.background#C99A2E
  • activityBarBadge.foreground#24211B
  • button.background#C99A2E
  • button.foreground#24211B
  • button.hoverBackground#C99A2Edd
  • editor.background#24211B
  • editor.foreground#F7F1E6
  • editor.inactiveSelectionBackground#646A6F3580
  • editor.lineHighlightBackground#17151040
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#646A6F35
  • editorCursor.foreground#C99A2E
  • editorGroupHeader.tabsBackground#24211Bdd
  • editorLineNumber.activeForeground#C99A2E
  • editorLineNumber.foreground#7D612880
  • focusBorder#C99A2E
  • foreground#F7F1E6
  • input.background#171510
  • input.border#ffffff15
  • input.foreground#F7F1E6
  • input.placeholderForeground#F7F1E660
  • list.activeSelectionBackground#C99A2E30
  • list.activeSelectionForeground#F7F1E6
  • list.highlightForeground#C99A2E
  • list.hoverBackground#17151040
  • list.hoverForeground#F7F1E6
  • list.inactiveSelectionBackground#C99A2E15
  • list.inactiveSelectionForeground#F7F1E6
  • selection.background#646A6F35
  • sideBar.background#171510
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F1E6
  • sideBarSectionHeader.background#24211B80
  • sideBarSectionHeader.foreground#F7F1E6
  • sideBarTitle.foreground#C99A2E
  • statusBar.background#24211B
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F1E6
  • statusBar.noFolderBackground#24211B
  • tab.activeBackground#24211B
  • tab.activeBorderTop#C99A2E
  • tab.activeForeground#F7F1E6
  • tab.border#ffffff15
  • tab.inactiveBackground#17151060
  • tab.inactiveForeground#F7F1E680
  • terminal.ansiBlack#24211B
  • terminal.ansiBlue#646A6F
  • terminal.ansiCyan#E0BC58
  • terminal.ansiGreen#C99A2E
  • terminal.ansiMagenta#A95F1C
  • terminal.ansiRed#A95F1C
  • terminal.ansiWhite#F7F1E6
  • terminal.ansiYellow#E0BC58
  • terminal.background#24211B
  • terminal.foreground#F7F1E6
  • titleBar.activeBackground#24211B
  • titleBar.activeForeground#F7F1E6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#24211B
  • titleBar.inactiveForeground#F7F1E660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7D6128italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#646A6Fbold
storage.type, storage.modifier#646A6Fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#C99A2E
string, punctuation.definition.string, string.template, meta.template.expression#E0BC58
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#A95F1C
variable, variable.other.readwrite, variable.other.object#F7F1E6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F1E6
variable.parameter, meta.parameter#F7F1E6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F1E680
keyword.operator#F7F1E6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E0BC58bold
entity.other.inherited-class#C99A2E
entity.name.tag, punctuation.definition.tag#646A6F
entity.other.attribute-name#C99A2E
meta.diff, meta.diff.header#7D6128
markup.deleted#A95F1C
markup.inserted#C99A2E
markup.changed#E0BC58
markup.heading, markup.heading.setext, punctuation.definition.heading#C99A2Ebold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E0BC58
string.other.link.title, string.other.link.description#C99A2E
markup.underline.link#7D6128underline
punctuation.definition.list#646A6F
markup.quote, punctuation.definition.quote#7D6128italic