Purps
Publisher: amessythemeThemes in package: 1
It's purple.
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.activeBackground#e0c5f2
- activityBar.activeBorder#a861e5
- activityBar.background#ffffff
- activityBar.dropBorder#a861e5
- activityBar.foreground#aa00ff
- activityBar.inactiveForeground#c15dfb
- activityBarBadge.background#74c1fd
- activityBarBadge.foreground#ffffff
- badge.background#74c1fd
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#aa00ff
- breadcrumb.focusForeground#aa00ff
- breadcrumb.foreground#aa00ff
- button.background#a861e5
- button.foreground#ffffff
- button.hoverBackground#8a2be2
- button.secondaryBackground#74c1fd
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#00b0ff
- descriptionForeground#8a2be2
- diffEditor.border#eac6fb
- diffEditor.diagonalFill#eac6fb
- diffEditor.insertedTextBackground#d4edfa
- diffEditor.removedTextBackground#e4c4fa
- dropdown.background#f6e8fd
- dropdown.border#c392ea
- dropdown.foreground#aa00ff
- editor.background#ffffff
- editor.findMatchBackground#e5c4fa
- editor.findMatchBorder#b159fb
- editor.findRangeHighlightBorder#72cdf2
- editor.foldBackground#f6e8fd
- editor.foreground#aa00ff
- editor.lineHighlightBackground#f6e8fd
- editor.selectionBackground#e0c5f2
- editor.selectionHighlightBackground#e0c5f2
- editor.wordHighlightBackground#e0c5f2
- editor.wordHighlightStrongBackground#e0c5f2
- editor.wordHighlightStrongBorder#a861e5
- editorBracketHighlight.foreground1#00b0ff
- editorBracketHighlight.foreground2#00beef
- editorBracketHighlight.foreground3#9300ff
- editorBracketHighlight.foreground4#8800ff
- editorBracketHighlight.foreground5#00cbff
- editorBracketHighlight.foreground6#9003ff
- editorBracketMatch.background#e0c5f2
- editorBracketMatch.border#a861e5
- editorCursor.background#ffffff
- editorCursor.foreground#aa00ff
- editorGroup.border#eac6fb
- editorGroup.dropBackground#eac6fb
- editorGroupHeader.tabsBackground#f6e8fd
- editorGutter.addedBackground#a7dcf5
- editorGutter.deletedBackground#ca8ef9
- editorGutter.foldingControlForeground#74c1fd
- editorGutter.modifiedBackground#c392ea
- editorHoverWidget.statusBarBackground#f6e8fd
- editorIndentGuide.activeBackground#d692fa
- editorIndentGuide.background#eac6fb
- editorLightBulb.foreground#8a2be2
- editorLightBulbAutoFix.foreground#9300ff
- editorLineNumber.activeForeground#c15dfb
- editorLineNumber.foreground#d692fa
- editorLink.activeForeground#a861e5
- editorOverviewRuler.border#eac6fb
- editorOverviewRuler.bracketMatchForeground#e0c5f2
- editorOverviewRuler.errorForeground#af59fb
- editorOverviewRuler.findMatchForeground#b159fb
- editorOverviewRuler.infoForeground#aa57fb
- editorOverviewRuler.rangeHighlightForeground#b159fb
- editorOverviewRuler.selectionHighlightForeground#a861e5
- editorOverviewRuler.warningForeground#a861e5
- editorOverviewRuler.wordHighlightForeground#a861e5
- editorOverviewRuler.wordHighlightStrongForeground#8a2be2
- editorRuler.foreground#eac6fb
- editorSuggestWidget.border#d692fa
- editorUnicodeHighlight.border#ff0000
- editorWhitespace.foreground#eac6fb
- editorWidget.background#f6e8fd
- editorWidget.border#eac6fb
- errorForeground#9003ff
- extensionBadge.remoteBackground#a861e5
- extensionBadge.remoteForeground#ffffff
- extensionButton.prominentBackground#a861e5
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#8a2be2
- extensionIcon.preReleaseForeground#8a2be2
- extensionIcon.starForeground#00b0ff
- extensionIcon.verifiedForeground#8a2be2
- focusBorder#a861e5
- foreground#aa00ff
- gitDecoration.addedResourceForeground#ff0000
- gitDecoration.conflictingResourceForeground#9003ff
- gitDecoration.deletedResourceForeground#af59fb
- gitDecoration.ignoredResourceForeground#d692fa
- gitDecoration.modifiedResourceForeground#8a2be2
- gitDecoration.renamedResourceForeground#ff0000
- gitDecoration.stageDeletedResourceForeground#af59fb
- gitDecoration.stageModifiedResourceForeground#a861e5
- gitDecoration.submoduleResourceForeground#8800ff
- gitDecoration.untrackedResourceForeground#c15dfb
- icon.foreground#aa00ff
- input.background#ffffff
- input.border#c392ea
- input.foreground#aa00ff
- input.placeholderForeground#c15dfb
- inputOption.activeBackground#a861e5
- inputOption.activeForeground#ffffff
- inputValidation.errorBackground#e4c4fa
- inputValidation.errorBorder#af59fb
- inputValidation.infoBackground#e2c3fa
- inputValidation.infoBorder#aa57fb
- inputValidation.warningBackground#e0c5f2
- inputValidation.warningBorder#a861e5
- keybindingLabel.background#e0c5f2
- keybindingLabel.foreground#aa00ff
- keybindingTable.headerBackground#eac6fb
- keybindingTable.rowsBackground#f6e8fd
- list.activeSelectionBackground#e0c5f2
- list.activeSelectionForeground#aa00ff
- list.dropBackground#eac6fb
- list.errorForeground#9003ff
- list.focusHighlightForeground#8a2be2
- list.highlightForeground#8a2be2
- list.hoverBackground#eac6fb
- list.inactiveSelectionBackground#eac6fb
- list.warningForeground#8a2be2
- minimap.errorHighlight#e4c4fa
- minimap.selectionHighlight#e0c5f2
- minimap.selectionOccurrenceHighlight#e0c5f2
- minimap.warningHighlight#e0c5f2
- minimapGutter.addedBackground#72cdf2
- minimapGutter.deletedBackground#af59fb
- minimapGutter.modifiedBackground#a861e5
- notificationCenterHeader.background#e0c5f2
- notificationLink.foreground#8a2be2
- notifications.background#f6e8fd
- notificationsErrorIcon.foreground#9003ff
- notificationsInfoIcon.foreground#8800ff
- notificationsWarningIcon.foreground#8a2be2
- panel.dropBorder#a861e5
- panelTitle.activeBorder#c392ea
- panelTitle.inactiveForeground#c15dfb
- peekView.border#d692fa
- peekViewEditor.background#f6e8fd
- peekViewEditor.matchHighlightBackground#e5c4fa
- peekViewEditor.matchHighlightBorder#b159fb
- pickerGroup.border#eac6fb
- pickerGroup.foreground#8a2be2
- ports.iconRunningProcessForeground#9300ff
- progressBar.background#74c1fd
- quickInput.background#f6e8fd
- quickInputList.focusBackground#eac6fb
- quickInputTitle.background#e0c5f2
- sash.hoverBorder#eac6fb
- scrollbarSlider.activeBackground#eac6fb
- scrollbarSlider.background#eac6fb
- scrollbarSlider.hoverBackground#d692fa
- searchEditor.findMatchBorder#ff0000
- selection.background#e0c5f2
- settings.focusedRowBackground#f6e8fd
- settings.focusedRowBorder#a861e5
- settings.headerForeground#aa00ff
- settings.modifiedItemIndicator#a861e5
- settings.rowHoverBackground#f6e8fd
- sideBar.background#f6e8fd
- sideBar.dropBackground#ff0000
- sideBarSectionHeader.background#ffffff
- sideBarSectionHeader.border#eac6fb
- sideBarTitle.foreground#aa00ff
- statusBar.background#a861e5
- statusBar.debuggingBackground#aa57fb
- statusBar.foreground#ffffff
- statusBarItem.activeBackground#00000000
- statusBarItem.errorBackground#9003ff
- statusBarItem.errorForeground#ffffff
- statusBarItem.hoverBackground#aa00ff30
- statusBarItem.remoteBackground#aa57fb
- statusBarItem.remoteForeground#ffffff
- statusBarItem.warningBackground#8a2be2
- statusBarItem.warningForeground#ffffff
- tab.activeBackground#ffffff
- tab.activeForeground#aa00ff
- tab.inactiveBackground#f6e8fd
- tab.lastPinnedBorder#eac6fb
- tab.unfocusedActiveForeground#aa00ff
- tab.unfocusedInactiveForeground#aa00ff
- terminal.ansiBlack#ffffff
- terminal.ansiBlue#8800ff
- terminal.ansiBrightBlack#eac6fb
- terminal.ansiBrightBlue#5600ff
- terminal.ansiBrightCyan#00c0ff
- terminal.ansiBrightGreen#00b0ed
- terminal.ansiBrightMagenta#6a00ff
- terminal.ansiBrightRed#6500ff
- terminal.ansiBrightWhite#aa00ff
- terminal.ansiBrightYellow#6500df
- terminal.ansiCyan#00cbff
- terminal.ansiGreen#00beef
- terminal.ansiMagenta#9300ff
- terminal.ansiRed#9003ff
- terminal.ansiWhite#c15dfb
- terminal.ansiYellow#8a2be2
- terminal.background#ffffff
- terminal.border#eac6fb
- terminal.foreground#aa00ff
- terminal.selectionBackground#a861e5
- terminal.selectionForeground#ffffff
- textCodeBlock.background#eac6fb
- textLink.activeForeground#a861e5
- textLink.foreground#8a2be2
- textPreformat.foreground#00beef
- toolbar.hoverBackground#eac6fb
- tree.indentGuidesStroke#c15dfb
- tree.tableColumnsBorder#eac6fb
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| constant.language.undefined, keyword, storage.modifier, variable.language.this, variable.language.super, storage.type.function.js, storage.type.function.ts, storage.type.class.js, storage.type.class.ts, storage.type.js, storage.type.ts, storage.type.type.ts, source.css support.function | #00B0FF | — |
| constant.character.escape | #9003FF | — |
| keyword.operator, constant.character.escape, punctuation.definition.logical, punctuation.definition.quote, punctuation.definition.list, punctuation.definition.para, punctuation.definition.template-expression, punctuation.definition.attribute | #00B0FF | — |
| entity.name.type, punctuation.definition.group, support.type.primitive, storage.type | #8A2BE2 | — |
| storage.type.annotation, variable.parameter | #00CBFF | — |
| string, markup.quote, constant.other.reference, markup.underline.link | #00BEEF | — |
| comment, meta.separator | #C15DFB | — |
| entity.name.function | #9300FF | — |
| constant.numeric, constant.language.null, constant.language.boolean | #8800FF | — |
| variable, meta.import variable.other.readwrite.alias | #AA00FF | — |
| entity.name.tag, variable.other.property, variable.other.normal.shell, punctuation.definition.variable.shell, punctuation.definition.character-class, constant.other.character-class, entity.other.attribute-name, support.type.property-name, meta.import variable | #9300FF | — |
| variable.other.enummember, variable.other.constant, punctuation.definition.character-class | #AA00FF | — |
| heading, markup.bold | #8A2BE2 | — |
| markup.inline.raw, markup.italic, markup.bold, markup.strikethrough | #00B0FF | — |
| string.other.link.title.markdown | #8A2BE2 | — |
| heading | — | bold |
| entity.name.tag.html, entity.name.tag.css, entity.name.tag.script.html.vue, entity.name.tag.style.html.vue, entity.name.tag.template.html.vue | #8A2BE2 | — |
| entity.other.attribute-name.id.css, entity.other.attribute-name.id.html, meta.attribute.id.html string | #8800FF | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.html, meta.attribute.class.html string | #00B0FF | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-class.html | #00CBFF | — |
| entity.other.attribute-name.css, entity.other.attribute-name.html | #9300FF | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| comment, punctuation.definition.comment | #AAAAAA | italic |
| comment.block.preprocessor | #AAAAAA | |
| comment.documentation, comment.block.documentation | #448C27 | — |
| invalid.illegal | #660000 | — |
| keyword.operator | #777777 | — |
| keyword, storage | #4B83CD | — |
| storage.type, support.type | #7A3E9D | — |
| constant.language, support.constant, variable.language | #AB6526 | — |
| variable, support.variable | #7A3E9D | — |
| entity.name.function, support.function | #AA3731 | bold |
| entity.name.type, entity.other.inherited-class, support.class | #7A3E9D | bold |
| entity.name.exception | #660000 | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #AB6526 | — |
| string | #448C27 | — |
| constant.character.escape | #777777 | — |
| string.regexp | #4B83CD | — |
| constant.other.symbol | #AB6526 | — |
| punctuation | #777777 | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #AAAAAA | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #91B3E0 | — |
| entity.name.tag | #4B83CD | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #91B3E0 | italic |
| constant.character.entity, punctuation.definition.entity | #AB6526 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #7A3E9D | — |
| meta.property-name, support.type.property-name | #AB6526 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #448C27 | — |
| keyword.other.important | — | bold |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #660000 | — |
| markup.inserted | #000000 | — |
| meta.link | #4B83CD | — |
| markup.output, markup.raw | #777777 | — |
| markup.prompt | #777777 | — |
| markup.heading | #AA3731 | — |
| markup.bold | — | bold |
| markup.traceback | #660000 | — |
| markup.underline | — | underline |
| markup.quote | #7A3E9D | — |
| markup.list | #4B83CD | — |
| markup.bold, markup.italic | #448C27 | — |
| markup.inline.raw | #AB6526 | |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |