Brid · Purple
Publisher: layon-extensionsThemes in package: 2
A lush purple VS Code theme with floral decorations, snippets, and editor enhancements.
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#0D0713
- activityBar.border#8A5CFF22
- activityBar.foreground#C4A3FF
- activityBar.inactiveForeground#4A3365
- activityBarBadge.background#8A5CFF
- activityBarBadge.foreground#FFFFFF
- badge.background#8A5CFF
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#E2D9F3
- breadcrumb.focusForeground#B084FF
- breadcrumb.foreground#7A6A99
- breadcrumbPicker.background#1A0F26
- button.background#8A5CFF
- button.foreground#FFFFFF
- button.hoverBackground#B084FF
- button.secondaryBackground#251535
- button.secondaryForeground#C4A3FF
- button.secondaryHoverBackground#3D2A5A
- checkbox.background#1A0F26
- checkbox.border#8A5CFF
- checkbox.foreground#E2D9F3
- descriptionForeground#9A85C0
- diffEditor.insertedLineBackground#6AE0A011
- diffEditor.insertedTextBackground#6AE0A022
- diffEditor.removedLineBackground#FF6B6B11
- diffEditor.removedTextBackground#FF6B6B22
- dropdown.background#1A0F26
- dropdown.border#8A5CFF33
- dropdown.foreground#E2D9F3
- editor.background#0D0713
- editor.findMatchBackground#8A5CFF55
- editor.findMatchHighlightBackground#8A5CFF33
- editor.foreground#E2D9F3
- editor.inactiveSelectionBackground#8A5CFF1A
- editor.lineHighlightBackground#1A0F26
- editor.lineHighlightBorder#251535
- editor.selectionBackground#8A5CFF33
- editor.selectionHighlightBackground#B084FF22
- editor.wordHighlightBackground#8A5CFF22
- editor.wordHighlightStrongBackground#8A5CFF44
- editorBracketMatch.background#8A5CFF33
- editorBracketMatch.border#8A5CFF
- editorCursor.foreground#C4A3FF
- editorError.foreground#FF6B6B
- editorGroup.border#8A5CFF33
- editorGroupHeader.noTabsBackground#0D0713
- editorGroupHeader.tabsBackground#0D0713
- editorGutter.background#0D0713
- editorHint.foreground#B084FF
- editorIndentGuide.activeBackground#8A5CFF55
- editorIndentGuide.background#2D1A4555
- editorInfo.foreground#6AE0FF
- editorLineNumber.activeForeground#B084FF
- editorLineNumber.foreground#3D2A5A
- editorOverviewRuler.border#1A0F26
- editorOverviewRuler.errorForeground#FF6B6B
- editorOverviewRuler.findMatchForeground#8A5CFF
- editorOverviewRuler.selectionHighlightForeground#B084FF
- editorOverviewRuler.warningForeground#FFB347
- editorRuler.foreground#8A5CFF33
- editorWarning.foreground#FFB347
- editorWhitespace.foreground#2D1A45
- errorForeground#FF6B6B
- extensionButton.prominentBackground#8A5CFF
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#B084FF
- focusBorder#8A5CFF
- foreground#E2D9F3
- gitDecoration.addedResourceForeground#6AE0A0
- gitDecoration.conflictingResourceForeground#FFB347
- gitDecoration.deletedResourceForeground#FF6B6B
- gitDecoration.ignoredResourceForeground#4A3365
- gitDecoration.modifiedResourceForeground#B084FF
- gitDecoration.submoduleResourceForeground#6AE0FF
- gitDecoration.untrackedResourceForeground#6AE0A0
- input.background#1A0F26
- input.border#8A5CFF33
- input.foreground#E2D9F3
- input.placeholderForeground#4A3365
- inputOption.activeBackground#8A5CFF33
- inputOption.activeBorder#8A5CFF
- inputOption.activeForeground#E2D9F3
- inputValidation.errorBackground#2D0A0A
- inputValidation.errorBorder#FF6B6B
- inputValidation.infoBackground#0A1A2D
- inputValidation.infoBorder#6AE0FF
- inputValidation.warningBackground#2D1A0A
- inputValidation.warningBorder#FFB347
- list.activeSelectionBackground#251535
- list.activeSelectionForeground#E2D9F3
- list.focusBackground#251535
- list.focusForeground#E2D9F3
- list.highlightForeground#8A5CFF
- list.hoverBackground#1A0F26
- list.hoverForeground#E2D9F3
- list.inactiveSelectionBackground#1A0F26
- list.inactiveSelectionForeground#C4A3FF
- menu.background#1A0F26
- menu.border#8A5CFF33
- menu.foreground#E2D9F3
- menu.selectionBackground#251535
- menu.selectionBorder#8A5CFF33
- menu.selectionForeground#E2D9F3
- menu.separatorBackground#8A5CFF33
- menubar.selectionBackground#251535
- menubar.selectionBorder#8A5CFF33
- menubar.selectionForeground#E2D9F3
- notificationLink.foreground#B084FF
- notifications.background#1A0F26
- notifications.border#8A5CFF33
- notifications.foreground#E2D9F3
- notificationsErrorIcon.foreground#FF6B6B
- notificationsInfoIcon.foreground#6AE0FF
- notificationsWarningIcon.foreground#FFB347
- panel.background#0D0713
- panel.border#8A5CFF33
- panelTitle.activeBorder#8A5CFF
- panelTitle.activeForeground#B084FF
- panelTitle.inactiveForeground#7A6A99
- pickerGroup.border#8A5CFF22
- pickerGroup.foreground#8A5CFF
- progressBar.background#8A5CFF
- quickInput.background#1A0F26
- quickInput.foreground#E2D9F3
- quickInputHighlightForeground#8A5CFF
- scrollbarSlider.activeBackground#8A5CFF88
- scrollbarSlider.background#8A5CFF33
- scrollbarSlider.hoverBackground#8A5CFF55
- sideBar.background#0D0713
- sideBar.border#8A5CFF22
- sideBar.foreground#C4A3FF
- sideBarSectionHeader.background#1A0F26
- sideBarSectionHeader.border#8A5CFF22
- sideBarSectionHeader.foreground#B084FF
- sideBarTitle.foreground#B084FF
- statusBar.background#0D0713
- statusBar.border#8A5CFF33
- statusBar.debuggingBackground#6A0DAD
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#C4A3FF
- statusBar.noFolderBackground#0D0713
- statusBarItem.activeBackground#251535
- statusBarItem.hoverBackground#1A0F26
- statusBarItem.remoteBackground#8A5CFF
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#1A0F26
- tab.activeBorder#8A5CFF
- tab.activeForeground#E2D9F3
- tab.border#8A5CFF22
- tab.hoverBackground#251535
- tab.inactiveBackground#0D0713
- tab.inactiveForeground#7A6A99
- terminal.ansiBlack#1A0F26
- terminal.ansiBlue#6AE0FF
- terminal.ansiBrightBlack#3D2A5A
- terminal.ansiBrightBlue#8AECFF
- terminal.ansiBrightCyan#8AECFF
- terminal.ansiBrightGreen#8AF0B8
- terminal.ansiBrightMagenta#C4A3FF
- terminal.ansiBrightRed#FF8E8E
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFD080
- terminal.ansiCyan#6AE0FF
- terminal.ansiGreen#6AE0A0
- terminal.ansiMagenta#B084FF
- terminal.ansiRed#FF6B6B
- terminal.ansiWhite#E2D9F3
- terminal.ansiYellow#FFB347
- terminal.background#0D0713
- terminal.foreground#E2D9F3
- terminalCursor.background#0D0713
- terminalCursor.foreground#C4A3FF
- textLink.activeForeground#C4A3FF
- textLink.foreground#B084FF
- titleBar.activeBackground#0D0713
- titleBar.activeForeground#E2D9F3
- titleBar.border#8A5CFF22
- titleBar.inactiveBackground#0D0713
- titleBar.inactiveForeground#7A6A99
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #4A3365 | italic |
| string, string.quoted, string.template | #C4A3FF | — |
| constant.numeric | #6AE0FF | — |
| keyword, keyword.control, keyword.operator, storage.type, storage.modifier | #8A5CFF | bold |
| entity.name.function, support.function, meta.function-call | #B084FF | — |
| entity.name.class, entity.name.type, support.class, support.type | #E2D9F3 | bold |
| variable, variable.other | #DDD0F0 | — |
| constant, constant.language, variable.language.this, variable.language.self | #6AE0FF | — |
| keyword.operator | #9A85C0 | — |
| punctuation, meta.brace | #7A6A99 | — |
| entity.name.tag, meta.tag, punctuation.definition.tag | #8A5CFF | — |
| entity.other.attribute-name | #B084FF | — |
| support.type.property-name.css | #9A85C0 | — |
| support.constant.property-value | #C4A3FF | — |
| invalid, invalid.deprecated | #FF6B6B | strikethrough |
| support.type.property-name.json | #B084FF | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #8A5CFF | bold |
| markup.bold | #C4A3FF | bold |
| markup.italic | #B084FF | italic |
| markup.fenced_code, markup.inline.raw | #6AE0FF | — |
| markup.underline.link | #B084FF | underline |