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#F7F4EE
  • activityBar.border#00000015
  • activityBar.foreground#B85C28
  • activityBar.inactiveForeground#1F1E1B60
  • activityBarBadge.background#B85C28
  • activityBarBadge.foreground#F7F4EE
  • button.background#B85C28
  • button.foreground#F7F4EE
  • button.hoverBackground#B85C28dd
  • editor.background#F7F4EE
  • editor.foreground#1F1E1B
  • editor.inactiveSelectionBackground#C777442580
  • editor.lineHighlightBackground#F0ECE350
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#C7774425
  • editorCursor.foreground#B85C28
  • editorGroupHeader.tabsBackground#F0ECE3aa
  • editorLineNumber.activeForeground#B85C28
  • editorLineNumber.foreground#E6E1D680
  • focusBorder#B85C28
  • foreground#1F1E1B
  • input.background#F0ECE3
  • input.border#00000015
  • input.foreground#1F1E1B
  • input.placeholderForeground#1F1E1B60
  • list.activeSelectionBackground#B85C2830
  • list.activeSelectionForeground#1F1E1B
  • list.highlightForeground#B85C28
  • list.hoverBackground#F0ECE340
  • list.hoverForeground#1F1E1B
  • list.inactiveSelectionBackground#B85C2815
  • list.inactiveSelectionForeground#1F1E1B
  • selection.background#C7774425
  • sideBar.background#F0ECE3
  • sideBar.border#00000015
  • sideBar.foreground#1F1E1B
  • sideBarSectionHeader.background#F0ECE380
  • sideBarSectionHeader.foreground#1F1E1B
  • sideBarTitle.foreground#B85C28
  • statusBar.background#F7F4EE
  • statusBar.border#00000015
  • statusBar.foreground#1F1E1B
  • statusBar.noFolderBackground#F7F4EE
  • tab.activeBackground#F7F4EE
  • tab.activeBorderTop#B85C28
  • tab.activeForeground#1F1E1B
  • tab.border#00000015
  • tab.inactiveBackground#F7F4EE60
  • tab.inactiveForeground#1F1E1B80
  • terminal.ansiBlack#1F1E1B
  • terminal.ansiBlue#C77744
  • terminal.ansiCyan#6F8F68
  • terminal.ansiGreen#B85C28
  • terminal.ansiMagenta#A94122
  • terminal.ansiRed#A94122
  • terminal.ansiWhite#1F1E1B
  • terminal.ansiYellow#6F8F68
  • terminal.background#F7F4EE
  • terminal.foreground#1F1E1B
  • titleBar.activeBackground#F7F4EE
  • titleBar.activeForeground#1F1E1B
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F4EE
  • titleBar.inactiveForeground#1F1E1B60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E6E1D6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#C77744bold
storage.type, storage.modifier#C77744italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#B85C28
string, punctuation.definition.string, string.template, meta.template.expression#6F8F68
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#A94122
variable, variable.other.readwrite, variable.other.object#1F1E1B
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1F1E1B
variable.parameter, meta.parameter#1F1E1Bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1F1E1B80
keyword.operator#1F1E1B
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#6F8F68bold
entity.other.inherited-class#B85C28
entity.name.tag, punctuation.definition.tag#C77744
entity.other.attribute-name#B85C28
meta.diff, meta.diff.header#E6E1D6
markup.deleted#A94122
markup.inserted#B85C28
markup.changed#6F8F68
markup.heading, markup.heading.setext, punctuation.definition.heading#B85C28bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#6F8F68
string.other.link.title, string.other.link.description#B85C28
markup.underline.link#E6E1D6underline
punctuation.definition.list#C77744
markup.quote, punctuation.definition.quote#E6E1D6italic