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#5C9325
  • activityBar.inactiveForeground#211d1960
  • activityBarBadge.background#5C9325
  • activityBarBadge.foreground#F9F6F1
  • button.background#5C9325
  • button.foreground#F9F6F1
  • button.hoverBackground#5C9325dd
  • editor.background#F9F6F1
  • editor.foreground#211d19
  • editor.inactiveSelectionBackground#8348212580
  • editor.lineHighlightBackground#EAE5DC50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83482125
  • editorCursor.foreground#5C9325
  • editorGroupHeader.tabsBackground#EAE5DCaa
  • editorLineNumber.activeForeground#5C9325
  • editorLineNumber.foreground#81766e80
  • focusBorder#5C9325
  • foreground#211d19
  • input.background#EAE5DC
  • input.border#00000015
  • input.foreground#211d19
  • input.placeholderForeground#211d1960
  • list.activeSelectionBackground#5C932530
  • list.activeSelectionForeground#211d19
  • list.highlightForeground#5C9325
  • list.hoverBackground#EAE5DC40
  • list.hoverForeground#211d19
  • list.inactiveSelectionBackground#5C932515
  • list.inactiveSelectionForeground#211d19
  • selection.background#83482125
  • sideBar.background#EAE5DC
  • sideBar.border#00000015
  • sideBar.foreground#211d19
  • sideBarSectionHeader.background#EAE5DC80
  • sideBarSectionHeader.foreground#211d19
  • sideBarTitle.foreground#5C9325
  • statusBar.background#F9F6F1
  • statusBar.border#00000015
  • statusBar.foreground#211d19
  • statusBar.noFolderBackground#F9F6F1
  • tab.activeBackground#F9F6F1
  • tab.activeBorderTop#5C9325
  • tab.activeForeground#211d19
  • tab.border#00000015
  • tab.inactiveBackground#F9F6F160
  • tab.inactiveForeground#211d1980
  • terminal.ansiBlack#211d19
  • terminal.ansiBlue#834821
  • terminal.ansiCyan#A39729
  • terminal.ansiGreen#5C9325
  • terminal.ansiMagenta#4C7619
  • terminal.ansiRed#4C7619
  • terminal.ansiWhite#211d19
  • terminal.ansiYellow#A39729
  • terminal.background#F9F6F1
  • terminal.foreground#211d19
  • titleBar.activeBackground#F9F6F1
  • titleBar.activeForeground#211d19
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F9F6F1
  • titleBar.inactiveForeground#211d1960
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#81766eitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#834821bold
storage.type, storage.modifier#834821italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#5C9325
string, punctuation.definition.string, string.template, meta.template.expression#A39729
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#4C7619
variable, variable.other.readwrite, variable.other.object#211d19
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#211d19
variable.parameter, meta.parameter#211d19dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#211d1980
keyword.operator#211d19
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A39729bold
entity.other.inherited-class#5C9325
entity.name.tag, punctuation.definition.tag#834821
entity.other.attribute-name#5C9325
meta.diff, meta.diff.header#81766e
markup.deleted#4C7619
markup.inserted#5C9325
markup.changed#A39729
markup.heading, markup.heading.setext, punctuation.definition.heading#5C9325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A39729
string.other.link.title, string.other.link.description#5C9325
markup.underline.link#81766eunderline
punctuation.definition.list#834821
markup.quote, punctuation.definition.quote#81766eitalic
Morphous Theme by Ameyanagi - VS Code Theme