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#FDFCFC
  • activityBar.border#00000015
  • activityBar.foreground#932544
  • activityBar.inactiveForeground#F2EFEF60
  • activityBarBadge.background#932544
  • activityBarBadge.foreground#FDFCFC
  • button.background#932544
  • button.foreground#FDFCFC
  • button.hoverBackground#932544dd
  • editor.background#FDFCFC
  • editor.foreground#F2EFEF
  • editor.inactiveSelectionBackground#83214E2580
  • editor.lineHighlightBackground#F8F7F750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83214E25
  • editorCursor.foreground#932544
  • editorGroupHeader.tabsBackground#F8F7F7aa
  • editorLineNumber.activeForeground#932544
  • editorLineNumber.foreground#E6E2E780
  • focusBorder#932544
  • foreground#F2EFEF
  • input.background#F8F7F7
  • input.border#00000015
  • input.foreground#F2EFEF
  • input.placeholderForeground#F2EFEF60
  • list.activeSelectionBackground#93254430
  • list.activeSelectionForeground#F2EFEF
  • list.highlightForeground#932544
  • list.hoverBackground#F8F7F740
  • list.hoverForeground#F2EFEF
  • list.inactiveSelectionBackground#93254415
  • list.inactiveSelectionForeground#F2EFEF
  • selection.background#83214E25
  • sideBar.background#F8F7F7
  • sideBar.border#00000015
  • sideBar.foreground#F2EFEF
  • sideBarSectionHeader.background#F8F7F780
  • sideBarSectionHeader.foreground#F2EFEF
  • sideBarTitle.foreground#932544
  • statusBar.background#FDFCFC
  • statusBar.border#00000015
  • statusBar.foreground#F2EFEF
  • statusBar.noFolderBackground#FDFCFC
  • tab.activeBackground#FDFCFC
  • tab.activeBorderTop#932544
  • tab.activeForeground#F2EFEF
  • tab.border#00000015
  • tab.inactiveBackground#FDFCFC60
  • tab.inactiveForeground#F2EFEF80
  • terminal.ansiBlack#F2EFEF
  • terminal.ansiBlue#83214E
  • terminal.ansiCyan#78A329
  • terminal.ansiGreen#932544
  • terminal.ansiMagenta#765D19
  • terminal.ansiRed#765D19
  • terminal.ansiWhite#F2EFEF
  • terminal.ansiYellow#78A329
  • terminal.background#FDFCFC
  • terminal.foreground#F2EFEF
  • titleBar.activeBackground#FDFCFC
  • titleBar.activeForeground#F2EFEF
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFCFC
  • titleBar.inactiveForeground#F2EFEF60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E6E2E7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#83214Ebold
storage.type, storage.modifier#83214Eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932544
string, punctuation.definition.string, string.template, meta.template.expression#78A329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765D19
variable, variable.other.readwrite, variable.other.object#F2EFEF
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F2EFEF
variable.parameter, meta.parameter#F2EFEFdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F2EFEF80
keyword.operator#F2EFEF
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#78A329bold
entity.other.inherited-class#932544
entity.name.tag, punctuation.definition.tag#83214E
entity.other.attribute-name#932544
meta.diff, meta.diff.header#E6E2E7
markup.deleted#765D19
markup.inserted#932544
markup.changed#78A329
markup.heading, markup.heading.setext, punctuation.definition.heading#932544bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#78A329
string.other.link.title, string.other.link.description#932544
markup.underline.link#E6E2E7underline
punctuation.definition.list#83214E
markup.quote, punctuation.definition.quote#E6E2E7italic
Morphous Theme by Ameyanagi - VS Code Theme