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#FCFBF8
  • activityBar.border#00000015
  • activityBar.foreground#934025
  • activityBar.inactiveForeground#3A2A1F60
  • activityBarBadge.background#934025
  • activityBarBadge.foreground#FCFBF8
  • button.background#934025
  • button.foreground#FCFBF8
  • button.hoverBackground#934025dd
  • editor.background#FCFBF8
  • editor.foreground#3A2A1F
  • editor.inactiveSelectionBackground#835A212580
  • editor.lineHighlightBackground#EFE3D250
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#835A2125
  • editorCursor.foreground#934025
  • editorGroupHeader.tabsBackground#EFE3D2aa
  • editorLineNumber.activeForeground#934025
  • editorLineNumber.foreground#E5EDE380
  • focusBorder#934025
  • foreground#3A2A1F
  • input.background#EFE3D2
  • input.border#00000015
  • input.foreground#3A2A1F
  • input.placeholderForeground#3A2A1F60
  • list.activeSelectionBackground#93402530
  • list.activeSelectionForeground#3A2A1F
  • list.highlightForeground#934025
  • list.hoverBackground#EFE3D240
  • list.hoverForeground#3A2A1F
  • list.inactiveSelectionBackground#93402515
  • list.inactiveSelectionForeground#3A2A1F
  • selection.background#835A2125
  • sideBar.background#EFE3D2
  • sideBar.border#00000015
  • sideBar.foreground#3A2A1F
  • sideBarSectionHeader.background#EFE3D280
  • sideBarSectionHeader.foreground#3A2A1F
  • sideBarTitle.foreground#934025
  • statusBar.background#FCFBF8
  • statusBar.border#00000015
  • statusBar.foreground#3A2A1F
  • statusBar.noFolderBackground#FCFBF8
  • tab.activeBackground#FCFBF8
  • tab.activeBorderTop#934025
  • tab.activeForeground#3A2A1F
  • tab.border#00000015
  • tab.inactiveBackground#FCFBF860
  • tab.inactiveForeground#3A2A1F80
  • terminal.ansiBlack#3A2A1F
  • terminal.ansiBlue#835A21
  • terminal.ansiCyan#5EA329
  • terminal.ansiGreen#934025
  • terminal.ansiMagenta#762A19
  • terminal.ansiRed#762A19
  • terminal.ansiWhite#3A2A1F
  • terminal.ansiYellow#5EA329
  • terminal.background#FCFBF8
  • terminal.foreground#3A2A1F
  • titleBar.activeBackground#FCFBF8
  • titleBar.activeForeground#3A2A1F
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFBF8
  • titleBar.inactiveForeground#3A2A1F60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E5EDE3italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#835A21bold
storage.type, storage.modifier#835A21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#934025
string, punctuation.definition.string, string.template, meta.template.expression#5EA329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#762A19
variable, variable.other.readwrite, variable.other.object#3A2A1F
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#3A2A1F
variable.parameter, meta.parameter#3A2A1Fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#3A2A1F80
keyword.operator#3A2A1F
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#5EA329bold
entity.other.inherited-class#934025
entity.name.tag, punctuation.definition.tag#835A21
entity.other.attribute-name#934025
meta.diff, meta.diff.header#E5EDE3
markup.deleted#762A19
markup.inserted#934025
markup.changed#5EA329
markup.heading, markup.heading.setext, punctuation.definition.heading#934025bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#5EA329
string.other.link.title, string.other.link.description#934025
markup.underline.link#E5EDE3underline
punctuation.definition.list#835A21
markup.quote, punctuation.definition.quote#E5EDE3italic