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#FFFDFA
  • activityBar.border#00000015
  • activityBar.foreground#932725
  • activityBar.inactiveForeground#0d0c0b60
  • activityBarBadge.background#932725
  • activityBarBadge.foreground#FFFDFA
  • button.background#932725
  • button.foreground#FFFDFA
  • button.hoverBackground#932725dd
  • editor.background#FFFDFA
  • editor.foreground#0d0c0b
  • editor.inactiveSelectionBackground#4D83212580
  • editor.lineHighlightBackground#FAF1E050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#4D832125
  • editorCursor.foreground#932725
  • editorGroupHeader.tabsBackground#FAF1E0aa
  • editorLineNumber.activeForeground#932725
  • editorLineNumber.foreground#cdb78980
  • focusBorder#932725
  • foreground#0d0c0b
  • input.background#FAF1E0
  • input.border#00000015
  • input.foreground#0d0c0b
  • input.placeholderForeground#0d0c0b60
  • list.activeSelectionBackground#93272530
  • list.activeSelectionForeground#0d0c0b
  • list.highlightForeground#932725
  • list.hoverBackground#FAF1E040
  • list.hoverForeground#0d0c0b
  • list.inactiveSelectionBackground#93272515
  • list.inactiveSelectionForeground#0d0c0b
  • selection.background#4D832125
  • sideBar.background#FAF1E0
  • sideBar.border#00000015
  • sideBar.foreground#0d0c0b
  • sideBarSectionHeader.background#FAF1E080
  • sideBarSectionHeader.foreground#0d0c0b
  • sideBarTitle.foreground#932725
  • statusBar.background#FFFDFA
  • statusBar.border#00000015
  • statusBar.foreground#0d0c0b
  • statusBar.noFolderBackground#FFFDFA
  • tab.activeBackground#FFFDFA
  • tab.activeBorderTop#932725
  • tab.activeForeground#0d0c0b
  • tab.border#00000015
  • tab.inactiveBackground#FFFDFA60
  • tab.inactiveForeground#0d0c0b80
  • terminal.ansiBlack#0d0c0b
  • terminal.ansiBlue#4D8321
  • terminal.ansiCyan#A38B29
  • terminal.ansiGreen#932725
  • terminal.ansiMagenta#765519
  • terminal.ansiRed#765519
  • terminal.ansiWhite#0d0c0b
  • terminal.ansiYellow#A38B29
  • terminal.background#FFFDFA
  • terminal.foreground#0d0c0b
  • titleBar.activeBackground#FFFDFA
  • titleBar.activeForeground#0d0c0b
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFDFA
  • titleBar.inactiveForeground#0d0c0b60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#cdb789italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#4D8321bold
storage.type, storage.modifier#4D8321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932725
string, punctuation.definition.string, string.template, meta.template.expression#A38B29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765519
variable, variable.other.readwrite, variable.other.object#0d0c0b
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0d0c0b
variable.parameter, meta.parameter#0d0c0bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0d0c0b80
keyword.operator#0d0c0b
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A38B29bold
entity.other.inherited-class#932725
entity.name.tag, punctuation.definition.tag#4D8321
entity.other.attribute-name#932725
meta.diff, meta.diff.header#cdb789
markup.deleted#765519
markup.inserted#932725
markup.changed#A38B29
markup.heading, markup.heading.setext, punctuation.definition.heading#932725bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A38B29
string.other.link.title, string.other.link.description#932725
markup.underline.link#cdb789underline
punctuation.definition.list#4D8321
markup.quote, punctuation.definition.quote#cdb789italic
Morphous Theme by Ameyanagi - VS Code Theme