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#7a4a38
  • activityBar.border#ffffff15
  • activityBar.foreground#b30d23
  • activityBar.inactiveForeground#f7f7f660
  • activityBarBadge.background#b30d23
  • activityBarBadge.foreground#7a4a38
  • button.background#b30d23
  • button.foreground#7a4a38
  • button.hoverBackground#b30d23dd
  • editor.background#7a4a38
  • editor.foreground#f7f7f6
  • editor.inactiveSelectionBackground#d61a2c3580
  • editor.lineHighlightBackground#0e1a1640
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#d61a2c35
  • editorCursor.foreground#b30d23
  • editorGroupHeader.tabsBackground#7a4a38dd
  • editorLineNumber.activeForeground#b30d23
  • editorLineNumber.foreground#afc7b080
  • focusBorder#b30d23
  • foreground#f7f7f6
  • input.background#0e1a16
  • input.border#ffffff15
  • input.foreground#f7f7f6
  • input.placeholderForeground#f7f7f660
  • list.activeSelectionBackground#b30d2330
  • list.activeSelectionForeground#f7f7f6
  • list.highlightForeground#b30d23
  • list.hoverBackground#0e1a1640
  • list.hoverForeground#f7f7f6
  • list.inactiveSelectionBackground#b30d2315
  • list.inactiveSelectionForeground#f7f7f6
  • selection.background#d61a2c35
  • sideBar.background#0e1a16
  • sideBar.border#ffffff15
  • sideBar.foreground#f7f7f6
  • sideBarSectionHeader.background#7a4a3880
  • sideBarSectionHeader.foreground#f7f7f6
  • sideBarTitle.foreground#b30d23
  • statusBar.background#7a4a38
  • statusBar.border#ffffff15
  • statusBar.foreground#f7f7f6
  • statusBar.noFolderBackground#7a4a38
  • tab.activeBackground#7a4a38
  • tab.activeBorderTop#b30d23
  • tab.activeForeground#f7f7f6
  • tab.border#ffffff15
  • tab.inactiveBackground#0e1a1660
  • tab.inactiveForeground#f7f7f680
  • terminal.ansiBlack#7a4a38
  • terminal.ansiBlue#d61a2c
  • terminal.ansiCyan#e65a5a
  • terminal.ansiGreen#b30d23
  • terminal.ansiMagenta#0f3d2e
  • terminal.ansiRed#0f3d2e
  • terminal.ansiWhite#f7f7f6
  • terminal.ansiYellow#e65a5a
  • terminal.background#7a4a38
  • terminal.foreground#f7f7f6
  • titleBar.activeBackground#7a4a38
  • titleBar.activeForeground#f7f7f6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#7a4a38
  • titleBar.inactiveForeground#f7f7f660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#afc7b0italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#d61a2cbold
storage.type, storage.modifier#d61a2citalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#b30d23
string, punctuation.definition.string, string.template, meta.template.expression#e65a5a
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#0f3d2e
variable, variable.other.readwrite, variable.other.object#f7f7f6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f7f7f6
variable.parameter, meta.parameter#f7f7f6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f7f7f680
keyword.operator#f7f7f6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#e65a5abold
entity.other.inherited-class#b30d23
entity.name.tag, punctuation.definition.tag#d61a2c
entity.other.attribute-name#b30d23
meta.diff, meta.diff.header#afc7b0
markup.deleted#0f3d2e
markup.inserted#b30d23
markup.changed#e65a5a
markup.heading, markup.heading.setext, punctuation.definition.heading#b30d23bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#e65a5a
string.other.link.title, string.other.link.description#b30d23
markup.underline.link#afc7b0underline
punctuation.definition.list#d61a2c
markup.quote, punctuation.definition.quote#afc7b0italic