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#FEFDFB
  • activityBar.border#00000015
  • activityBar.foreground#934D25
  • activityBar.inactiveForeground#4A3D3160
  • activityBarBadge.background#934D25
  • activityBarBadge.foreground#FEFDFB
  • button.background#934D25
  • button.foreground#FEFDFB
  • button.hoverBackground#934D25dd
  • editor.background#FEFDFB
  • editor.foreground#4A3D31
  • editor.inactiveSelectionBackground#8345212580
  • editor.lineHighlightBackground#F7EFE350
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83452125
  • editorCursor.foreground#934D25
  • editorGroupHeader.tabsBackground#F7EFE3aa
  • editorLineNumber.activeForeground#934D25
  • editorLineNumber.foreground#B7ADA080
  • focusBorder#934D25
  • foreground#4A3D31
  • input.background#F7EFE3
  • input.border#00000015
  • input.foreground#4A3D31
  • input.placeholderForeground#4A3D3160
  • list.activeSelectionBackground#934D2530
  • list.activeSelectionForeground#4A3D31
  • list.highlightForeground#934D25
  • list.hoverBackground#F7EFE340
  • list.hoverForeground#4A3D31
  • list.inactiveSelectionBackground#934D2515
  • list.inactiveSelectionForeground#4A3D31
  • selection.background#83452125
  • sideBar.background#F7EFE3
  • sideBar.border#00000015
  • sideBar.foreground#4A3D31
  • sideBarSectionHeader.background#F7EFE380
  • sideBarSectionHeader.foreground#4A3D31
  • sideBarTitle.foreground#934D25
  • statusBar.background#FEFDFB
  • statusBar.border#00000015
  • statusBar.foreground#4A3D31
  • statusBar.noFolderBackground#FEFDFB
  • tab.activeBackground#FEFDFB
  • tab.activeBorderTop#934D25
  • tab.activeForeground#4A3D31
  • tab.border#00000015
  • tab.inactiveBackground#FEFDFB60
  • tab.inactiveForeground#4A3D3180
  • terminal.ansiBlack#4A3D31
  • terminal.ansiBlue#834521
  • terminal.ansiCyan#29A1A3
  • terminal.ansiGreen#934D25
  • terminal.ansiMagenta#763619
  • terminal.ansiRed#763619
  • terminal.ansiWhite#4A3D31
  • terminal.ansiYellow#29A1A3
  • terminal.background#FEFDFB
  • terminal.foreground#4A3D31
  • titleBar.activeBackground#FEFDFB
  • titleBar.activeForeground#4A3D31
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FEFDFB
  • titleBar.inactiveForeground#4A3D3160
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B7ADA0italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#834521bold
storage.type, storage.modifier#834521italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#934D25
string, punctuation.definition.string, string.template, meta.template.expression#29A1A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#763619
variable, variable.other.readwrite, variable.other.object#4A3D31
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#4A3D31
variable.parameter, meta.parameter#4A3D31dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#4A3D3180
keyword.operator#4A3D31
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#29A1A3bold
entity.other.inherited-class#934D25
entity.name.tag, punctuation.definition.tag#834521
entity.other.attribute-name#934D25
meta.diff, meta.diff.header#B7ADA0
markup.deleted#763619
markup.inserted#934D25
markup.changed#29A1A3
markup.heading, markup.heading.setext, punctuation.definition.heading#934D25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29A1A3
string.other.link.title, string.other.link.description#934D25
markup.underline.link#B7ADA0underline
punctuation.definition.list#834521
markup.quote, punctuation.definition.quote#B7ADA0italic