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#F9F6F1
  • activityBar.border#00000015
  • activityBar.foreground#935825
  • activityBar.inactiveForeground#2D292260
  • activityBarBadge.background#935825
  • activityBarBadge.foreground#F9F6F1
  • button.background#935825
  • button.foreground#F9F6F1
  • button.hoverBackground#935825dd
  • editor.background#F9F6F1
  • editor.foreground#2D2922
  • editor.inactiveSelectionBackground#834E212580
  • editor.lineHighlightBackground#DED8CE50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#834E2125
  • editorCursor.foreground#935825
  • editorGroupHeader.tabsBackground#DED8CEaa
  • editorLineNumber.activeForeground#935825
  • editorLineNumber.foreground#A79F9380
  • focusBorder#935825
  • foreground#2D2922
  • input.background#DED8CE
  • input.border#00000015
  • input.foreground#2D2922
  • input.placeholderForeground#2D292260
  • list.activeSelectionBackground#93582530
  • list.activeSelectionForeground#2D2922
  • list.highlightForeground#935825
  • list.hoverBackground#DED8CE40
  • list.hoverForeground#2D2922
  • list.inactiveSelectionBackground#93582515
  • list.inactiveSelectionForeground#2D2922
  • selection.background#834E2125
  • sideBar.background#DED8CE
  • sideBar.border#00000015
  • sideBar.foreground#2D2922
  • sideBarSectionHeader.background#DED8CE80
  • sideBarSectionHeader.foreground#2D2922
  • sideBarTitle.foreground#935825
  • statusBar.background#F9F6F1
  • statusBar.border#00000015
  • statusBar.foreground#2D2922
  • statusBar.noFolderBackground#F9F6F1
  • tab.activeBackground#F9F6F1
  • tab.activeBorderTop#935825
  • tab.activeForeground#2D2922
  • tab.border#00000015
  • tab.inactiveBackground#F9F6F160
  • tab.inactiveForeground#2D292280
  • terminal.ansiBlack#2D2922
  • terminal.ansiBlue#834E21
  • terminal.ansiCyan#A36629
  • terminal.ansiGreen#935825
  • terminal.ansiMagenta#765419
  • terminal.ansiRed#765419
  • terminal.ansiWhite#2D2922
  • terminal.ansiYellow#A36629
  • terminal.background#F9F6F1
  • terminal.foreground#2D2922
  • titleBar.activeBackground#F9F6F1
  • titleBar.activeForeground#2D2922
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F9F6F1
  • titleBar.inactiveForeground#2D292260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A79F93italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#834E21bold
storage.type, storage.modifier#834E21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#935825
string, punctuation.definition.string, string.template, meta.template.expression#A36629
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765419
variable, variable.other.readwrite, variable.other.object#2D2922
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2D2922
variable.parameter, meta.parameter#2D2922dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2D292280
keyword.operator#2D2922
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A36629bold
entity.other.inherited-class#935825
entity.name.tag, punctuation.definition.tag#834E21
entity.other.attribute-name#935825
meta.diff, meta.diff.header#A79F93
markup.deleted#765419
markup.inserted#935825
markup.changed#A36629
markup.heading, markup.heading.setext, punctuation.definition.heading#935825bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A36629
string.other.link.title, string.other.link.description#935825
markup.underline.link#A79F93underline
punctuation.definition.list#834E21
markup.quote, punctuation.definition.quote#A79F93italic