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#fbf4e6
  • activityBar.border#00000015
  • activityBar.foreground#5f8f86
  • activityBar.inactiveForeground#26343160
  • activityBarBadge.background#5f8f86
  • activityBarBadge.foreground#fbf4e6
  • button.background#5f8f86
  • button.foreground#fbf4e6
  • button.hoverBackground#5f8f86dd
  • editor.background#fbf4e6
  • editor.foreground#263431
  • editor.inactiveSelectionBackground#efe1c72580
  • editor.lineHighlightBackground#9eb7ac50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#efe1c725
  • editorCursor.foreground#5f8f86
  • editorGroupHeader.tabsBackground#9eb7acaa
  • editorLineNumber.activeForeground#5f8f86
  • editorLineNumber.foreground#8a785f80
  • focusBorder#5f8f86
  • foreground#263431
  • input.background#9eb7ac
  • input.border#00000015
  • input.foreground#263431
  • input.placeholderForeground#26343160
  • list.activeSelectionBackground#5f8f8630
  • list.activeSelectionForeground#263431
  • list.highlightForeground#5f8f86
  • list.hoverBackground#9eb7ac40
  • list.hoverForeground#263431
  • list.inactiveSelectionBackground#5f8f8615
  • list.inactiveSelectionForeground#263431
  • selection.background#efe1c725
  • sideBar.background#9eb7ac
  • sideBar.border#00000015
  • sideBar.foreground#263431
  • sideBarSectionHeader.background#9eb7ac80
  • sideBarSectionHeader.foreground#263431
  • sideBarTitle.foreground#5f8f86
  • statusBar.background#fbf4e6
  • statusBar.border#00000015
  • statusBar.foreground#263431
  • statusBar.noFolderBackground#fbf4e6
  • tab.activeBackground#fbf4e6
  • tab.activeBorderTop#5f8f86
  • tab.activeForeground#263431
  • tab.border#00000015
  • tab.inactiveBackground#fbf4e660
  • tab.inactiveForeground#26343180
  • terminal.ansiBlack#263431
  • terminal.ansiBlue#efe1c7
  • terminal.ansiCyan#d9bd83
  • terminal.ansiGreen#5f8f86
  • terminal.ansiMagenta#c8aa7f
  • terminal.ansiRed#c8aa7f
  • terminal.ansiWhite#263431
  • terminal.ansiYellow#d9bd83
  • terminal.background#fbf4e6
  • terminal.foreground#263431
  • titleBar.activeBackground#fbf4e6
  • titleBar.activeForeground#263431
  • titleBar.border#00000015
  • titleBar.inactiveBackground#fbf4e6
  • titleBar.inactiveForeground#26343160
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8a785fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#efe1c7bold
storage.type, storage.modifier#efe1c7italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#5f8f86
string, punctuation.definition.string, string.template, meta.template.expression#d9bd83
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#c8aa7f
variable, variable.other.readwrite, variable.other.object#263431
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#263431
variable.parameter, meta.parameter#263431dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#26343180
keyword.operator#263431
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#d9bd83bold
entity.other.inherited-class#5f8f86
entity.name.tag, punctuation.definition.tag#efe1c7
entity.other.attribute-name#5f8f86
meta.diff, meta.diff.header#8a785f
markup.deleted#c8aa7f
markup.inserted#5f8f86
markup.changed#d9bd83
markup.heading, markup.heading.setext, punctuation.definition.heading#5f8f86bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#d9bd83
string.other.link.title, string.other.link.description#5f8f86
markup.underline.link#8a785funderline
punctuation.definition.list#efe1c7
markup.quote, punctuation.definition.quote#8a785fitalic
Morphous Theme by Ameyanagi - VS Code Theme