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#FAFBF4
  • activityBar.border#00000015
  • activityBar.foreground#259328
  • activityBar.inactiveForeground#1E2D1B60
  • activityBarBadge.background#259328
  • activityBarBadge.foreground#FAFBF4
  • button.background#259328
  • button.foreground#FAFBF4
  • button.hoverBackground#259328dd
  • editor.background#FAFBF4
  • editor.foreground#1E2D1B
  • editor.inactiveSelectionBackground#6583212580
  • editor.lineHighlightBackground#FFFCF050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#65832125
  • editorCursor.foreground#259328
  • editorGroupHeader.tabsBackground#FFFCF0aa
  • editorLineNumber.activeForeground#259328
  • editorLineNumber.foreground#E8EDD780
  • focusBorder#259328
  • foreground#1E2D1B
  • input.background#FFFCF0
  • input.border#00000015
  • input.foreground#1E2D1B
  • input.placeholderForeground#1E2D1B60
  • list.activeSelectionBackground#25932830
  • list.activeSelectionForeground#1E2D1B
  • list.highlightForeground#259328
  • list.hoverBackground#FFFCF040
  • list.hoverForeground#1E2D1B
  • list.inactiveSelectionBackground#25932815
  • list.inactiveSelectionForeground#1E2D1B
  • selection.background#65832125
  • sideBar.background#FFFCF0
  • sideBar.border#00000015
  • sideBar.foreground#1E2D1B
  • sideBarSectionHeader.background#FFFCF080
  • sideBarSectionHeader.foreground#1E2D1B
  • sideBarTitle.foreground#259328
  • statusBar.background#FAFBF4
  • statusBar.border#00000015
  • statusBar.foreground#1E2D1B
  • statusBar.noFolderBackground#FAFBF4
  • tab.activeBackground#FAFBF4
  • tab.activeBorderTop#259328
  • tab.activeForeground#1E2D1B
  • tab.border#00000015
  • tab.inactiveBackground#FAFBF460
  • tab.inactiveForeground#1E2D1B80
  • terminal.ansiBlack#1E2D1B
  • terminal.ansiBlue#658321
  • terminal.ansiCyan#89A329
  • terminal.ansiGreen#259328
  • terminal.ansiMagenta#763D19
  • terminal.ansiRed#763D19
  • terminal.ansiWhite#1E2D1B
  • terminal.ansiYellow#89A329
  • terminal.background#FAFBF4
  • terminal.foreground#1E2D1B
  • titleBar.activeBackground#FAFBF4
  • titleBar.activeForeground#1E2D1B
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAFBF4
  • titleBar.inactiveForeground#1E2D1B60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E8EDD7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#658321bold
storage.type, storage.modifier#658321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#259328
string, punctuation.definition.string, string.template, meta.template.expression#89A329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#763D19
variable, variable.other.readwrite, variable.other.object#1E2D1B
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1E2D1B
variable.parameter, meta.parameter#1E2D1Bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1E2D1B80
keyword.operator#1E2D1B
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#89A329bold
entity.other.inherited-class#259328
entity.name.tag, punctuation.definition.tag#658321
entity.other.attribute-name#259328
meta.diff, meta.diff.header#E8EDD7
markup.deleted#763D19
markup.inserted#259328
markup.changed#89A329
markup.heading, markup.heading.setext, punctuation.definition.heading#259328bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#89A329
string.other.link.title, string.other.link.description#259328
markup.underline.link#E8EDD7underline
punctuation.definition.list#658321
markup.quote, punctuation.definition.quote#E8EDD7italic
Morphous Theme by Ameyanagi - VS Code Theme