Luminara Theme
Publisher: carlossalgueroThemes in package: 1
A fantastical VS Code theme inspired by epic fantasy landscapes with a vibrant palette of blues, purples, and pinks
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#1a1a3e
- activityBar.foreground#ff8fb3
- activityBar.inactiveForeground#4a2c5a
- activityBarBadge.background#ff6b9d
- activityBarBadge.foreground#1a1a3e
- badge.background#ff6b9d
- badge.foreground#1a1a3e
- breadcrumb.activeSelectionForeground#ff8fb3
- breadcrumb.focusForeground#ff8fb3
- breadcrumb.foreground#6b4c7a
- button.background#ff6b9d
- button.foreground#1a1a3e
- button.hoverBackground#ff8fb3
- diffEditor.insertedTextBackground#2d4a3e
- diffEditor.removedTextBackground#4a2d3e
- editor.background#1a1a3e
- editor.foreground#e8d5f2
- editor.lineHighlightBackground#221b3e
- editor.selectionBackground#2d1b4e
- editor.selectionHighlightBackground#3a2a5a
- editorBracketHighlight.foreground1#ff8fb3
- editorBracketHighlight.foreground2#8fb3ff
- editorBracketHighlight.foreground3#b3d9ff
- editorBracketHighlight.foreground4#ffb3d9
- editorBracketHighlight.foreground5#d9b3ff
- editorBracketHighlight.foreground6#ffd9b3
- editorBracketMatch.background#2d1b4e
- editorBracketMatch.border#ff8fb3
- editorCursor.foreground#ff6b9d
- editorError.foreground#ff6b9d
- editorGutter.addedBackground#b3ffd9
- editorGutter.background#1a1a3e
- editorGutter.deletedBackground#ff6b9d
- editorGutter.modifiedBackground#8fb3ff
- editorHoverWidget.background#1a1a3e
- editorHoverWidget.border#4a2c5a
- editorIndentGuide.activeBackground#4a2c5a
- editorIndentGuide.background#2d1b4e
- editorInfo.foreground#8fb3ff
- editorLineNumber.activeForeground#ff8fb3
- editorLineNumber.foreground#4a2c5a
- editorSuggestWidget.background#1a1a3e
- editorSuggestWidget.border#4a2c5a
- editorSuggestWidget.foreground#e8d5f2
- editorSuggestWidget.highlightForeground#ff8fb3
- editorSuggestWidget.selectedBackground#2d1b4e
- editorWarning.foreground#ffb3d9
- editorWhitespace.foreground#2d1b4e
- editorWidget.background#1a1a3e
- editorWidget.border#4a2c5a
- input.background#221b3e
- input.border#4a2c5a
- input.foreground#e8d5f2
- inputOption.activeBorder#ff8fb3
- inputValidation.errorBackground#4a2d3e
- inputValidation.errorBorder#ff6b9d
- inputValidation.infoBackground#2d3e4a
- inputValidation.infoBorder#8fb3ff
- inputValidation.warningBackground#4a3e2d
- inputValidation.warningBorder#ffb3d9
- list.activeSelectionBackground#2d1b4e
- list.activeSelectionForeground#ff8fb3
- list.focusBackground#2d1b4e
- list.hoverBackground#221b3e
- list.inactiveSelectionBackground#221b3e
- menu.background#1a1a3e
- menu.foreground#e8d5f2
- menu.selectionBackground#2d1b4e
- menu.selectionForeground#ff8fb3
- menubar.selectionBackground#2d1b4e
- menubar.selectionForeground#ff8fb3
- notificationCenter.border#4a2c5a
- notificationCenterHeader.background#1a1a3e
- notificationLink.foreground#ff8fb3
- notifications.background#1a1a3e
- notifications.border#4a2c5a
- notifications.foreground#e8d5f2
- panel.background#1a1a3e
- panel.border#4a2c5a
- panelTitle.activeBorder#ff8fb3
- panelTitle.activeForeground#ff8fb3
- panelTitle.inactiveForeground#6b4c7a
- peekView.border#4a2c5a
- peekViewEditor.background#1a1a3e
- peekViewResult.background#1a1a3e
- peekViewResult.selectionBackground#2d1b4e
- peekViewTitle.background#221b3e
- peekViewTitleLabel.foreground#ff8fb3
- progressBar.background#ff8fb3
- scrollbarSlider.activeBackground#6b4c7a
- scrollbarSlider.background#2d1b4e
- scrollbarSlider.hoverBackground#4a2c5a
- sideBar.background#1a1a3e
- sideBar.foreground#e8d5f2
- sideBarSectionHeader.background#221b3e
- sideBarSectionHeader.foreground#ff8fb3
- sideBarTitle.foreground#ff8fb3
- statusBar.background#1a1a3e
- statusBar.debuggingBackground#2d1b4e
- statusBar.debuggingForeground#ff8fb3
- statusBar.foreground#e8d5f2
- statusBar.noFolderBackground#1a1a3e
- statusBarItem.prominentBackground#2d1b4e
- statusBarItem.prominentHoverBackground#4a2c5a
- tab.activeBackground#1a1a3e
- tab.activeBorder#ff8fb3
- tab.activeForeground#ff8fb3
- tab.border#1a1a3e
- tab.hoverBackground#221b3e
- tab.inactiveBackground#1a1a3e
- tab.inactiveForeground#6b4c7a
- terminal.ansiBlack#1a1a3e
- terminal.ansiBlue#8fb3ff
- terminal.ansiBrightBlack#4a2c5a
- terminal.ansiBrightBlue#8fb3ff
- terminal.ansiBrightCyan#b3d9ff
- terminal.ansiBrightGreen#b3ffd9
- terminal.ansiBrightMagenta#ff8fb3
- terminal.ansiBrightRed#ff6b9d
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffd9b3
- terminal.ansiCyan#b3d9ff
- terminal.ansiGreen#b3ffd9
- terminal.ansiMagenta#ff8fb3
- terminal.ansiRed#ff6b9d
- terminal.ansiWhite#e8d5f2
- terminal.ansiYellow#ffd9b3
- terminal.background#1a1a3e
- terminal.foreground#e8d5f2
- terminalCursor.foreground#ff6b9d
- titleBar.activeBackground#1a1a3e
- titleBar.activeForeground#e8d5f2
- titleBar.inactiveBackground#1a1a3e
- titleBar.inactiveForeground#4a2c5a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6b4c7a | italic |
| string, string.quoted, string.template | #b3ffd9 | — |
| constant.numeric, constant.language.boolean | #ffd9b3 | — |
| keyword, storage.type, storage.modifier | #ff8fb3 | bold |
| entity.name.function, meta.function-call.generic, support.function | #8fb3ff | — |
| entity.name.class, entity.name.type.class, support.class | #b3d9ff | — |
| variable, variable.other, variable.parameter | #e8d5f2 | — |
| variable.other.property, support.type.property-name | #d9b3ff | — |
| entity.name.type, support.type | #b3d9ff | — |
| constant, variable.other.constant | #ffb3d9 | — |
| keyword.operator, punctuation | #ff8fb3 | — |
| entity.name.tag, punctuation.definition.tag | #8fb3ff | — |
| entity.other.attribute-name | #b3d9ff | — |
| keyword.control.import, keyword.control.export | #ff8fb3 | bold |
| string.regexp | #b3ffd9 | — |
| markup.heading | #ff8fb3 | bold |
| markup.underline.link | #8fb3ff | — |
| markup.bold | #ff8fb3 | bold |
| markup.italic | — | italic |
| support.type.property-name.json | #d9b3ff | — |
| entity.name.tag.css, entity.other.attribute-name.class.css | #8fb3ff | — |
| support.type.property-name.css | #b3d9ff | — |