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#F4F1E8
  • activityBar.border#00000015
  • activityBar.foreground#9B836B
  • activityBar.inactiveForeground#25211C60
  • activityBarBadge.background#9B836B
  • activityBarBadge.foreground#F4F1E8
  • button.background#9B836B
  • button.foreground#F4F1E8
  • button.hoverBackground#9B836Bdd
  • editor.background#F4F1E8
  • editor.foreground#25211C
  • editor.inactiveSelectionBackground#6D7F542580
  • editor.lineHighlightBackground#FFFDF450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#6D7F5425
  • editorCursor.foreground#9B836B
  • editorGroupHeader.tabsBackground#FFFDF4aa
  • editorLineNumber.activeForeground#9B836B
  • editorLineNumber.foreground#A99D9080
  • focusBorder#9B836B
  • foreground#25211C
  • input.background#FFFDF4
  • input.border#00000015
  • input.foreground#25211C
  • input.placeholderForeground#25211C60
  • list.activeSelectionBackground#9B836B30
  • list.activeSelectionForeground#25211C
  • list.highlightForeground#9B836B
  • list.hoverBackground#FFFDF440
  • list.hoverForeground#25211C
  • list.inactiveSelectionBackground#9B836B15
  • list.inactiveSelectionForeground#25211C
  • selection.background#6D7F5425
  • sideBar.background#FFFDF4
  • sideBar.border#00000015
  • sideBar.foreground#25211C
  • sideBarSectionHeader.background#FFFDF480
  • sideBarSectionHeader.foreground#25211C
  • sideBarTitle.foreground#9B836B
  • statusBar.background#F4F1E8
  • statusBar.border#00000015
  • statusBar.foreground#25211C
  • statusBar.noFolderBackground#F4F1E8
  • tab.activeBackground#F4F1E8
  • tab.activeBorderTop#9B836B
  • tab.activeForeground#25211C
  • tab.border#00000015
  • tab.inactiveBackground#F4F1E860
  • tab.inactiveForeground#25211C80
  • terminal.ansiBlack#25211C
  • terminal.ansiBlue#6D7F54
  • terminal.ansiCyan#8A5E9F
  • terminal.ansiGreen#9B836B
  • terminal.ansiMagenta#B79C67
  • terminal.ansiRed#B79C67
  • terminal.ansiWhite#25211C
  • terminal.ansiYellow#8A5E9F
  • terminal.background#F4F1E8
  • terminal.foreground#25211C
  • titleBar.activeBackground#F4F1E8
  • titleBar.activeForeground#25211C
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F4F1E8
  • titleBar.inactiveForeground#25211C60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A99D90italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#6D7F54bold
storage.type, storage.modifier#6D7F54italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#9B836B
string, punctuation.definition.string, string.template, meta.template.expression#8A5E9F
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#B79C67
variable, variable.other.readwrite, variable.other.object#25211C
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#25211C
variable.parameter, meta.parameter#25211Cdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#25211C80
keyword.operator#25211C
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8A5E9Fbold
entity.other.inherited-class#9B836B
entity.name.tag, punctuation.definition.tag#6D7F54
entity.other.attribute-name#9B836B
meta.diff, meta.diff.header#A99D90
markup.deleted#B79C67
markup.inserted#9B836B
markup.changed#8A5E9F
markup.heading, markup.heading.setext, punctuation.definition.heading#9B836Bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8A5E9F
string.other.link.title, string.other.link.description#9B836B
markup.underline.link#A99D90underline
punctuation.definition.list#6D7F54
markup.quote, punctuation.definition.quote#A99D90italic