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#F4EEFF
- activityBar.border#C4B0E855
- activityBar.foreground#8A5CFF
- activityBar.inactiveForeground#C4B0E8
- activityBarBadge.background#8A5CFF
- activityBarBadge.foreground#FFFFFF
- badge.background#8A5CFF
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#2D1A4A
- breadcrumb.focusForeground#8A5CFF
- breadcrumb.foreground#8A78AA
- breadcrumbPicker.background#E7DBFF
- button.background#8A5CFF
- button.foreground#FFFFFF
- button.hoverBackground#6A3CDD
- button.secondaryBackground#E7DBFF
- button.secondaryForeground#8A5CFF
- button.secondaryHoverBackground#D8C8FF
- checkbox.background#FFFFFF
- checkbox.border#8A5CFF
- checkbox.foreground#2D1A4A
- descriptionForeground#6A5080
- diffEditor.insertedLineBackground#2A803011
- diffEditor.insertedTextBackground#2A803022
- diffEditor.removedLineBackground#D4202A11
- diffEditor.removedTextBackground#D4202A22
- dropdown.background#FFFFFF
- dropdown.border#C4B0E8
- dropdown.foreground#2D1A4A
- editor.background#F4EEFF
- editor.findMatchBackground#8A5CFF55
- editor.findMatchHighlightBackground#8A5CFF33
- editor.foreground#2D1A4A
- editor.inactiveSelectionBackground#8A5CFF1A
- editor.lineHighlightBackground#E7DBFF
- editor.lineHighlightBorder#D8C8FF
- editor.selectionBackground#8A5CFF33
- editor.selectionHighlightBackground#B084FF22
- editor.wordHighlightBackground#8A5CFF22
- editor.wordHighlightStrongBackground#8A5CFF44
- editorBracketMatch.background#8A5CFF33
- editorBracketMatch.border#8A5CFF
- editorCursor.foreground#8A5CFF
- editorError.foreground#D4202A
- editorGroup.border#8A5CFF33
- editorGroupHeader.noTabsBackground#F4EEFF
- editorGroupHeader.tabsBackground#F4EEFF
- editorGutter.background#F4EEFF
- editorHint.foreground#8A5CFF
- editorIndentGuide.activeBackground#8A5CFF55
- editorIndentGuide.background#C4B0E855
- editorInfo.foreground#0066CC
- editorLineNumber.activeForeground#8A5CFF
- editorLineNumber.foreground#C4B0E8
- editorOverviewRuler.border#E7DBFF
- editorOverviewRuler.errorForeground#D4202A
- editorOverviewRuler.findMatchForeground#8A5CFF
- editorOverviewRuler.selectionHighlightForeground#B084FF
- editorOverviewRuler.warningForeground#CC6600
- editorRuler.foreground#8A5CFF33
- editorWarning.foreground#CC6600
- editorWhitespace.foreground#C4B0E8
- errorForeground#D4202A
- extensionButton.prominentBackground#8A5CFF
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#6A3CDD
- focusBorder#8A5CFF
- foreground#2D1A4A
- gitDecoration.addedResourceForeground#2A8030
- gitDecoration.conflictingResourceForeground#CC6600
- gitDecoration.deletedResourceForeground#D4202A
- gitDecoration.ignoredResourceForeground#C4B0E8
- gitDecoration.modifiedResourceForeground#8A5CFF
- gitDecoration.submoduleResourceForeground#0066CC
- gitDecoration.untrackedResourceForeground#2A8030
- input.background#FFFFFF
- input.border#C4B0E8
- input.foreground#2D1A4A
- input.placeholderForeground#C4B0E8
- inputOption.activeBackground#8A5CFF22
- inputOption.activeBorder#8A5CFF
- inputOption.activeForeground#2D1A4A
- inputValidation.errorBackground#FFE0E0
- inputValidation.errorBorder#D4202A
- inputValidation.infoBackground#E0EEFF
- inputValidation.infoBorder#0066CC
- inputValidation.warningBackground#FFF0D8
- inputValidation.warningBorder#CC6600
- list.activeSelectionBackground#E7DBFF
- list.activeSelectionForeground#2D1A4A
- list.focusBackground#E7DBFF
- list.focusForeground#2D1A4A
- list.highlightForeground#8A5CFF
- list.hoverBackground#E7DBFF
- list.hoverForeground#2D1A4A
- list.inactiveSelectionBackground#F4EEFF
- list.inactiveSelectionForeground#2D1A4A
- menu.background#FFFFFF
- menu.border#C4B0E855
- menu.foreground#2D1A4A
- menu.selectionBackground#E7DBFF
- menu.selectionBorder#C4B0E855
- menu.selectionForeground#2D1A4A
- menu.separatorBackground#C4B0E855
- menubar.selectionBackground#E7DBFF
- menubar.selectionBorder#C4B0E855
- menubar.selectionForeground#2D1A4A
- notificationLink.foreground#8A5CFF
- notifications.background#FFFFFF
- notifications.border#C4B0E855
- notifications.foreground#2D1A4A
- notificationsErrorIcon.foreground#D4202A
- notificationsInfoIcon.foreground#0066CC
- notificationsWarningIcon.foreground#CC6600
- panel.background#F4EEFF
- panel.border#C4B0E855
- panelTitle.activeBorder#8A5CFF
- panelTitle.activeForeground#8A5CFF
- panelTitle.inactiveForeground#8A78AA
- pickerGroup.border#C4B0E855
- pickerGroup.foreground#8A5CFF
- progressBar.background#8A5CFF
- quickInput.background#FFFFFF
- quickInput.foreground#2D1A4A
- quickInputHighlightForeground#8A5CFF
- scrollbarSlider.activeBackground#8A5CFF88
- scrollbarSlider.background#8A5CFF33
- scrollbarSlider.hoverBackground#8A5CFF55
- sideBar.background#F4EEFF
- sideBar.border#C4B0E855
- sideBar.foreground#2D1A4A
- sideBarSectionHeader.background#E7DBFF
- sideBarSectionHeader.border#C4B0E855
- sideBarSectionHeader.foreground#8A5CFF
- sideBarTitle.foreground#8A5CFF
- statusBar.background#F4EEFF
- statusBar.border#C4B0E855
- statusBar.debuggingBackground#8A5CFF
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#8A5CFF
- statusBar.noFolderBackground#F4EEFF
- statusBarItem.activeBackground#D8C8FF
- statusBarItem.hoverBackground#E7DBFF
- statusBarItem.remoteBackground#8A5CFF
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#FFFFFF
- tab.activeBorder#8A5CFF
- tab.activeForeground#2D1A4A
- tab.border#C4B0E855
- tab.hoverBackground#E7DBFF
- tab.inactiveBackground#F4EEFF
- tab.inactiveForeground#8A78AA
- terminal.ansiBlack#2D1A4A
- terminal.ansiBlue#0066CC
- terminal.ansiBrightBlack#4A3380
- terminal.ansiBrightBlue#2288FF
- terminal.ansiBrightCyan#00AACC
- terminal.ansiBrightGreen#40A040
- terminal.ansiBrightMagenta#B084FF
- terminal.ansiBrightRed#FF4040
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FF8800
- terminal.ansiCyan#0088AA
- terminal.ansiGreen#2A8030
- terminal.ansiMagenta#8A5CFF
- terminal.ansiRed#D4202A
- terminal.ansiWhite#F4EEFF
- terminal.ansiYellow#CC6600
- terminal.background#F4EEFF
- terminal.foreground#2D1A4A
- terminalCursor.background#F4EEFF
- terminalCursor.foreground#8A5CFF
- textLink.activeForeground#6A3CDD
- textLink.foreground#8A5CFF
- titleBar.activeBackground#F4EEFF
- titleBar.activeForeground#2D1A4A
- titleBar.border#C4B0E855
- titleBar.inactiveBackground#F4EEFF
- titleBar.inactiveForeground#8A78AA
- widget.shadow#00000022
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8A78AA | italic |
| string, string.quoted, string.template | #6A3CDD | — |
| constant.numeric | #0066CC | — |
| keyword, keyword.control, keyword.operator, storage.type, storage.modifier | #8A5CFF | bold |
| entity.name.function, support.function, meta.function-call | #7040CC | — |
| entity.name.class, entity.name.type, support.class, support.type | #2D1A4A | bold |
| variable, variable.other | #3D2A6A | — |
| constant, constant.language, variable.language.this, variable.language.self | #0066CC | — |
| keyword.operator | #6A5080 | — |
| punctuation, meta.brace | #8A78AA | — |
| entity.name.tag, meta.tag, punctuation.definition.tag | #8A5CFF | — |
| entity.other.attribute-name | #7040CC | — |
| support.type.property-name.css | #6A5080 | — |
| support.constant.property-value | #6A3CDD | — |
| invalid, invalid.deprecated | #D4202A | strikethrough |
| support.type.property-name.json | #7040CC | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #8A5CFF | bold |
| markup.bold | #6A3CDD | bold |
| markup.italic | #7040CC | italic |
| markup.fenced_code, markup.inline.raw | #0066CC | — |
| markup.underline.link | #8A5CFF | underline |