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#f6efdf
  • activityBar.border#00000015
  • activityBar.foreground#79b7d2
  • activityBar.inactiveForeground#2f322b60
  • activityBarBadge.background#79b7d2
  • activityBarBadge.foreground#f6efdf
  • button.background#79b7d2
  • button.foreground#f6efdf
  • button.hoverBackground#79b7d2dd
  • editor.background#f6efdf
  • editor.foreground#2f322b
  • editor.inactiveSelectionBackground#9daa8c2580
  • editor.lineHighlightBackground#d9eef450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#9daa8c25
  • editorCursor.foreground#79b7d2
  • editorGroupHeader.tabsBackground#d9eef4aa
  • editorLineNumber.activeForeground#79b7d2
  • editorLineNumber.foreground#d9d2bd80
  • focusBorder#79b7d2
  • foreground#2f322b
  • input.background#d9eef4
  • input.border#00000015
  • input.foreground#2f322b
  • input.placeholderForeground#2f322b60
  • list.activeSelectionBackground#79b7d230
  • list.activeSelectionForeground#2f322b
  • list.highlightForeground#79b7d2
  • list.hoverBackground#d9eef440
  • list.hoverForeground#2f322b
  • list.inactiveSelectionBackground#79b7d215
  • list.inactiveSelectionForeground#2f322b
  • selection.background#9daa8c25
  • sideBar.background#d9eef4
  • sideBar.border#00000015
  • sideBar.foreground#2f322b
  • sideBarSectionHeader.background#d9eef480
  • sideBarSectionHeader.foreground#2f322b
  • sideBarTitle.foreground#79b7d2
  • statusBar.background#f6efdf
  • statusBar.border#00000015
  • statusBar.foreground#2f322b
  • statusBar.noFolderBackground#f6efdf
  • tab.activeBackground#f6efdf
  • tab.activeBorderTop#79b7d2
  • tab.activeForeground#2f322b
  • tab.border#00000015
  • tab.inactiveBackground#f6efdf60
  • tab.inactiveForeground#2f322b80
  • terminal.ansiBlack#2f322b
  • terminal.ansiBlue#9daa8c
  • terminal.ansiCyan#fff8e8
  • terminal.ansiGreen#79b7d2
  • terminal.ansiMagenta#b9ad93
  • terminal.ansiRed#b9ad93
  • terminal.ansiWhite#2f322b
  • terminal.ansiYellow#fff8e8
  • terminal.background#f6efdf
  • terminal.foreground#2f322b
  • titleBar.activeBackground#f6efdf
  • titleBar.activeForeground#2f322b
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f6efdf
  • titleBar.inactiveForeground#2f322b60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d9d2bditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#9daa8cbold
storage.type, storage.modifier#9daa8citalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#79b7d2
string, punctuation.definition.string, string.template, meta.template.expression#fff8e8
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#b9ad93
variable, variable.other.readwrite, variable.other.object#2f322b
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2f322b
variable.parameter, meta.parameter#2f322bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2f322b80
keyword.operator#2f322b
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#fff8e8bold
entity.other.inherited-class#79b7d2
entity.name.tag, punctuation.definition.tag#9daa8c
entity.other.attribute-name#79b7d2
meta.diff, meta.diff.header#d9d2bd
markup.deleted#b9ad93
markup.inserted#79b7d2
markup.changed#fff8e8
markup.heading, markup.heading.setext, punctuation.definition.heading#79b7d2bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#fff8e8
string.other.link.title, string.other.link.description#79b7d2
markup.underline.link#d9d2bdunderline
punctuation.definition.list#9daa8c
markup.quote, punctuation.definition.quote#d9d2bditalic
Morphous Theme by Ameyanagi - VS Code Theme