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#fff8ee
  • activityBar.border#00000015
  • activityBar.foreground#b54a1b
  • activityBar.inactiveForeground#241a1660
  • activityBarBadge.background#b54a1b
  • activityBarBadge.foreground#fff8ee
  • button.background#b54a1b
  • button.foreground#fff8ee
  • button.hoverBackground#b54a1bdd
  • editor.background#fff8ee
  • editor.foreground#241a16
  • editor.inactiveSelectionBackground#5e7f452580
  • editor.lineHighlightBackground#efe0c950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#5e7f4525
  • editorCursor.foreground#b54a1b
  • editorGroupHeader.tabsBackground#efe0c9aa
  • editorLineNumber.activeForeground#b54a1b
  • editorLineNumber.foreground#c8d4b680
  • focusBorder#b54a1b
  • foreground#241a16
  • input.background#efe0c9
  • input.border#00000015
  • input.foreground#241a16
  • input.placeholderForeground#241a1660
  • list.activeSelectionBackground#b54a1b30
  • list.activeSelectionForeground#241a16
  • list.highlightForeground#b54a1b
  • list.hoverBackground#efe0c940
  • list.hoverForeground#241a16
  • list.inactiveSelectionBackground#b54a1b15
  • list.inactiveSelectionForeground#241a16
  • selection.background#5e7f4525
  • sideBar.background#efe0c9
  • sideBar.border#00000015
  • sideBar.foreground#241a16
  • sideBarSectionHeader.background#efe0c980
  • sideBarSectionHeader.foreground#241a16
  • sideBarTitle.foreground#b54a1b
  • statusBar.background#fff8ee
  • statusBar.border#00000015
  • statusBar.foreground#241a16
  • statusBar.noFolderBackground#fff8ee
  • tab.activeBackground#fff8ee
  • tab.activeBorderTop#b54a1b
  • tab.activeForeground#241a16
  • tab.border#00000015
  • tab.inactiveBackground#fff8ee60
  • tab.inactiveForeground#241a1680
  • terminal.ansiBlack#241a16
  • terminal.ansiBlue#5e7f45
  • terminal.ansiCyan#b8792a
  • terminal.ansiGreen#b54a1b
  • terminal.ansiMagenta#f6e8d2
  • terminal.ansiRed#f6e8d2
  • terminal.ansiWhite#241a16
  • terminal.ansiYellow#b8792a
  • terminal.background#fff8ee
  • terminal.foreground#241a16
  • titleBar.activeBackground#fff8ee
  • titleBar.activeForeground#241a16
  • titleBar.border#00000015
  • titleBar.inactiveBackground#fff8ee
  • titleBar.inactiveForeground#241a1660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c8d4b6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#5e7f45bold
storage.type, storage.modifier#5e7f45italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#b54a1b
string, punctuation.definition.string, string.template, meta.template.expression#b8792a
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#f6e8d2
variable, variable.other.readwrite, variable.other.object#241a16
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#241a16
variable.parameter, meta.parameter#241a16dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#241a1680
keyword.operator#241a16
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#b8792abold
entity.other.inherited-class#b54a1b
entity.name.tag, punctuation.definition.tag#5e7f45
entity.other.attribute-name#b54a1b
meta.diff, meta.diff.header#c8d4b6
markup.deleted#f6e8d2
markup.inserted#b54a1b
markup.changed#b8792a
markup.heading, markup.heading.setext, punctuation.definition.heading#b54a1bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#b8792a
string.other.link.title, string.other.link.description#b54a1b
markup.underline.link#c8d4b6underline
punctuation.definition.list#5e7f45
markup.quote, punctuation.definition.quote#c8d4b6italic