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#FCFAF4
  • activityBar.border#00000015
  • activityBar.foreground#6DBE45
  • activityBar.inactiveForeground#FFF4E060
  • activityBarBadge.background#6DBE45
  • activityBarBadge.foreground#FCFAF4
  • button.background#6DBE45
  • button.foreground#FCFAF4
  • button.hoverBackground#6DBE45dd
  • editor.background#FCFAF4
  • editor.foreground#FFF4E0
  • editor.inactiveSelectionBackground#A6D96A2580
  • editor.lineHighlightBackground#FFF4E050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#A6D96A25
  • editorCursor.foreground#6DBE45
  • editorGroupHeader.tabsBackground#FFF4E0aa
  • editorLineNumber.activeForeground#6DBE45
  • editorLineNumber.foreground#6B6F6680
  • focusBorder#6DBE45
  • foreground#FFF4E0
  • input.background#FFF4E0
  • input.border#00000015
  • input.foreground#FFF4E0
  • input.placeholderForeground#FFF4E060
  • list.activeSelectionBackground#6DBE4530
  • list.activeSelectionForeground#FFF4E0
  • list.highlightForeground#6DBE45
  • list.hoverBackground#FFF4E040
  • list.hoverForeground#FFF4E0
  • list.inactiveSelectionBackground#6DBE4515
  • list.inactiveSelectionForeground#FFF4E0
  • selection.background#A6D96A25
  • sideBar.background#FFF4E0
  • sideBar.border#00000015
  • sideBar.foreground#FFF4E0
  • sideBarSectionHeader.background#FFF4E080
  • sideBarSectionHeader.foreground#FFF4E0
  • sideBarTitle.foreground#6DBE45
  • statusBar.background#FCFAF4
  • statusBar.border#00000015
  • statusBar.foreground#FFF4E0
  • statusBar.noFolderBackground#FCFAF4
  • tab.activeBackground#FCFAF4
  • tab.activeBorderTop#6DBE45
  • tab.activeForeground#FFF4E0
  • tab.border#00000015
  • tab.inactiveBackground#FCFAF460
  • tab.inactiveForeground#FFF4E080
  • terminal.ansiBlack#FFF4E0
  • terminal.ansiBlue#A6D96A
  • terminal.ansiCyan#FF8A00
  • terminal.ansiGreen#6DBE45
  • terminal.ansiMagenta#E53935
  • terminal.ansiRed#E53935
  • terminal.ansiWhite#FFF4E0
  • terminal.ansiYellow#FF8A00
  • terminal.background#FCFAF4
  • terminal.foreground#FFF4E0
  • titleBar.activeBackground#FCFAF4
  • titleBar.activeForeground#FFF4E0
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFAF4
  • titleBar.inactiveForeground#FFF4E060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6B6F66italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#A6D96Abold
storage.type, storage.modifier#A6D96Aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6DBE45
string, punctuation.definition.string, string.template, meta.template.expression#FF8A00
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#E53935
variable, variable.other.readwrite, variable.other.object#FFF4E0
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFF4E0
variable.parameter, meta.parameter#FFF4E0dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFF4E080
keyword.operator#FFF4E0
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#FF8A00bold
entity.other.inherited-class#6DBE45
entity.name.tag, punctuation.definition.tag#A6D96A
entity.other.attribute-name#6DBE45
meta.diff, meta.diff.header#6B6F66
markup.deleted#E53935
markup.inserted#6DBE45
markup.changed#FF8A00
markup.heading, markup.heading.setext, punctuation.definition.heading#6DBE45bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#FF8A00
string.other.link.title, string.other.link.description#6DBE45
markup.underline.link#6B6F66underline
punctuation.definition.list#A6D96A
markup.quote, punctuation.definition.quote#6B6F66italic