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#FFF7D6
  • activityBar.border#00000015
  • activityBar.foreground#F9C437
  • activityBar.inactiveForeground#25170B60
  • activityBarBadge.background#F9C437
  • activityBarBadge.foreground#FFF7D6
  • button.background#F9C437
  • button.foreground#FFF7D6
  • button.hoverBackground#F9C437dd
  • editor.background#FFF7D6
  • editor.foreground#25170B
  • editor.inactiveSelectionBackground#8FA93B2580
  • editor.lineHighlightBackground#FAEBC050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#8FA93B25
  • editorCursor.foreground#F9C437
  • editorGroupHeader.tabsBackground#FAEBC0aa
  • editorLineNumber.activeForeground#F9C437
  • editorLineNumber.foreground#E6C47880
  • focusBorder#F9C437
  • foreground#25170B
  • input.background#FAEBC0
  • input.border#00000015
  • input.foreground#25170B
  • input.placeholderForeground#25170B60
  • list.activeSelectionBackground#F9C43730
  • list.activeSelectionForeground#25170B
  • list.highlightForeground#F9C437
  • list.hoverBackground#FAEBC040
  • list.hoverForeground#25170B
  • list.inactiveSelectionBackground#F9C43715
  • list.inactiveSelectionForeground#25170B
  • selection.background#8FA93B25
  • sideBar.background#FAEBC0
  • sideBar.border#00000015
  • sideBar.foreground#25170B
  • sideBarSectionHeader.background#FAEBC080
  • sideBarSectionHeader.foreground#25170B
  • sideBarTitle.foreground#F9C437
  • statusBar.background#FFF7D6
  • statusBar.border#00000015
  • statusBar.foreground#25170B
  • statusBar.noFolderBackground#FFF7D6
  • tab.activeBackground#FFF7D6
  • tab.activeBorderTop#F9C437
  • tab.activeForeground#25170B
  • tab.border#00000015
  • tab.inactiveBackground#FFF7D660
  • tab.inactiveForeground#25170B80
  • terminal.ansiBlack#25170B
  • terminal.ansiBlue#8FA93B
  • terminal.ansiCyan#5F7E2E
  • terminal.ansiGreen#F9C437
  • terminal.ansiMagenta#8B4B1F
  • terminal.ansiRed#8B4B1F
  • terminal.ansiWhite#25170B
  • terminal.ansiYellow#5F7E2E
  • terminal.background#FFF7D6
  • terminal.foreground#25170B
  • titleBar.activeBackground#FFF7D6
  • titleBar.activeForeground#25170B
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFF7D6
  • titleBar.inactiveForeground#25170B60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E6C478italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#8FA93Bbold
storage.type, storage.modifier#8FA93Bitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#F9C437
string, punctuation.definition.string, string.template, meta.template.expression#5F7E2E
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#8B4B1F
variable, variable.other.readwrite, variable.other.object#25170B
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#25170B
variable.parameter, meta.parameter#25170Bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#25170B80
keyword.operator#25170B
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#5F7E2Ebold
entity.other.inherited-class#F9C437
entity.name.tag, punctuation.definition.tag#8FA93B
entity.other.attribute-name#F9C437
meta.diff, meta.diff.header#E6C478
markup.deleted#8B4B1F
markup.inserted#F9C437
markup.changed#5F7E2E
markup.heading, markup.heading.setext, punctuation.definition.heading#F9C437bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#5F7E2E
string.other.link.title, string.other.link.description#F9C437
markup.underline.link#E6C478underline
punctuation.definition.list#8FA93B
markup.quote, punctuation.definition.quote#E6C478italic