Lumina Themes Suite
Publisher: Lumina IDEThemes in package: 4
Official color themes for Lumina IDE — includes Lumina Dark, Lumina Cyberpunk, Lumina Yellow, and Lumina Light.
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.
- actionBar.toggledBackground#00c8f018
- activityBar.activeBackground#00c8f010
- activityBar.activeBorder#00c8f0
- activityBar.background#050d1a
- activityBar.border#0a1628
- activityBar.foreground#00c8f0
- activityBar.inactiveForeground#2a4a60
- activityBarBadge.background#7b4fff
- activityBarBadge.foreground#ffffff
- activityBarTop.activeBorder#00c8f0
- activityBarTop.background#050d1a
- activityBarTop.foreground#00c8f0
- activityBarTop.inactiveForeground#2a4a60
- badge.background#7b4fff
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#00c8f0
- breadcrumb.background#070f1c
- breadcrumb.focusForeground#7ab8cc
- breadcrumb.foreground#2a4a60
- breadcrumbPicker.background#0a1628
- button.background#00c8f020
- button.border#00c8f040
- button.foreground#00c8f0
- button.hoverBackground#00c8f030
- button.secondaryBackground#7b4fff20
- button.secondaryForeground#7b4fff
- button.secondaryHoverBackground#7b4fff30
- checkbox.background#0a1628
- checkbox.border#1a2d4a
- checkbox.foreground#c8dce8
- descriptionForeground#5a7a90
- diffEditor.border#1a2d4a
- diffEditor.insertedLineBackground#00c8f008
- diffEditor.insertedTextBackground#00c8f010
- diffEditor.removedLineBackground#ff4a6a08
- diffEditor.removedTextBackground#ff4a6a10
- diffEditorGutter.insertedLineBackground#00c8f020
- diffEditorGutter.removedLineBackground#ff4a6a20
- disabledForeground#2a4a60
- dropdown.background#0a1628
- dropdown.border#1a2d4a
- dropdown.foreground#c8dce8
- editor.background#070f1c
- editor.findMatchBackground#00c8f040
- editor.findMatchHighlightBackground#00c8f020
- editor.foreground#c8dce8
- editor.hoverHighlightBackground#00c8f014
- editor.inactiveSelectionBackground#00c8f014
- editor.lineHighlightBackground#0a1628
- editor.lineHighlightBorder#0f1e35
- editor.selectionBackground#00c8f028
- editor.selectionHighlightBackground#00c8f014
- editor.wordHighlightBackground#7b4fff18
- editor.wordHighlightStrongBackground#7b4fff28
- editorBracketMatch.background#00c8f018
- editorBracketMatch.border#00c8f060
- editorCodeLens.foreground#2a4a60
- editorCursor.background#070f1c
- editorCursor.foreground#00c8f0
- editorError.foreground#ff4a6a
- editorGroup.border#0f1e35
- editorGroup.dropBackground#00c8f010
- editorGroupHeader.noTabsBackground#050d1a
- editorGroupHeader.tabsBackground#050d1a
- editorGroupHeader.tabsBorder#050d1a
- editorGutter.addedBackground#00c8f060
- editorGutter.background#070f1c
- editorGutter.deletedBackground#ff4a6a60
- editorGutter.modifiedBackground#7b4fff60
- editorHint.foreground#7b4fff
- editorIndentGuide.activeBackground1#00c8f040
- editorIndentGuide.background1#1a2d4a
- editorInfo.foreground#00c8f0
- editorLineNumber.activeForeground#00c8f080
- editorLineNumber.foreground#1e3550
- editorOverviewRuler.border#0a1628
- editorOverviewRuler.errorForeground#ff4a6a
- editorOverviewRuler.infoForeground#00c8f0
- editorOverviewRuler.warningForeground#f0a030
- editorRuler.foreground#1a2d4a
- editorWarning.foreground#f0a030
- editorWhitespace.foreground#1a2d4a
- errorForeground#ff4a6a
- focusBorder#00c8f040
- foreground#c8dce8
- gitDecoration.addedResourceForeground#00c8a0
- gitDecoration.conflictingResourceForeground#f0a030
- gitDecoration.deletedResourceForeground#ff4a6a
- gitDecoration.ignoredResourceForeground#1e3550
- gitDecoration.modifiedResourceForeground#7b4fff
- gitDecoration.submoduleResourceForeground#4a90d9
- gitDecoration.untrackedResourceForeground#00c8f0
- icon.foreground#5a7a90
- input.background#0a1628
- input.border#1a2d4a
- input.foreground#c8dce8
- input.placeholderForeground#2a4a60
- inputOption.activeBackground#00c8f018
- inputOption.activeBorder#00c8f060
- inputOption.activeForeground#00c8f0
- inputValidation.errorBackground#ff4a6a18
- inputValidation.errorBorder#ff4a6a
- inputValidation.infoBackground#00c8f018
- inputValidation.infoBorder#00c8f0
- inputValidation.warningBackground#f0a03018
- inputValidation.warningBorder#f0a030
- keybindingLabel.background#0a1628
- keybindingLabel.border#1a2d4a
- keybindingLabel.bottomBorder#1a2d4a
- keybindingLabel.foreground#c8dce8
- list.activeSelectionBackground#0f1e35
- list.activeSelectionForeground#00c8f0
- list.activeSelectionIconForeground#00c8f0
- list.filterMatchBackground#00c8f020
- list.focusBackground#0f1e35
- list.focusForeground#00c8f0
- list.highlightForeground#00c8f0
- list.hoverBackground#0a1628
- list.hoverForeground#7ab8cc
- list.inactiveSelectionBackground#0a1628
- list.inactiveSelectionForeground#7ab8cc
- listFilterWidget.background#0a1628
- listFilterWidget.noMatchesOutline#ff4a6a
- listFilterWidget.outline#00c8f040
- menu.background#0a1628
- menu.border#1a2d4a
- menu.foreground#c8dce8
- menu.selectionBackground#0f1e35
- menu.selectionForeground#00c8f0
- menu.separatorBackground#1a2d4a
- menubar.selectionBackground#00c8f010
- menubar.selectionBorder#00c8f030
- menubar.selectionForeground#00c8f0
- notificationLink.foreground#00c8f0
- notifications.background#0a1628
- notifications.border#1a2d4a
- notifications.foreground#c8dce8
- notificationsErrorIcon.foreground#ff4a6a
- notificationsInfoIcon.foreground#00c8f0
- notificationsWarningIcon.foreground#f0a030
- panel.background#050d1a
- panel.border#0a1628
- panel.dropBorder#00c8f0
- panelSectionHeader.background#050d1a
- panelTitle.activeBorder#00c8f0
- panelTitle.activeForeground#c8dce8
- panelTitle.inactiveForeground#2a4a60
- pickerGroup.border#1a2d4a
- pickerGroup.foreground#00c8f060
- ports.iconRunningProcessForeground#00c8a0
- quickInput.background#0a1628
- quickInput.foreground#c8dce8
- quickInputList.focusBackground#0f1e35
- quickInputList.focusForeground#00c8f0
- quickInputList.focusIconForeground#00c8f0
- quickInputTitle.background#050d1a
- scrollbar.shadow#00000060
- scrollbarSlider.activeBackground#00c8f050
- scrollbarSlider.background#1a2d4a60
- scrollbarSlider.hoverBackground#00c8f030
- selection.background#00c8f028
- settings.checkboxBackground#0a1628
- settings.checkboxBorder#1a2d4a
- settings.dropdownBackground#0a1628
- settings.dropdownBorder#1a2d4a
- settings.headerForeground#00c8f0
- settings.modifiedItemIndicator#7b4fff
- settings.numberInputBackground#0a1628
- settings.numberInputBorder#1a2d4a
- settings.textInputBackground#0a1628
- settings.textInputBorder#1a2d4a
- sideBar.background#050d1a
- sideBar.border#0a1628
- sideBar.foreground#7ab8cc
- sideBarSectionHeader.background#050d1a
- sideBarSectionHeader.border#0a1628
- sideBarSectionHeader.foreground#2a4a60
- sideBarTitle.foreground#00c8f0
- statusBar.background#050d1a
- statusBar.border#0a1628
- statusBar.debuggingBackground#7b4fff
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#2a4a60
- statusBar.noFolderBackground#050d1a
- statusBar.noFolderForeground#2a4a60
- statusBarItem.activeBackground#00c8f018
- statusBarItem.errorBackground#ff4a6a20
- statusBarItem.errorForeground#ff4a6a
- statusBarItem.hoverBackground#00c8f010
- statusBarItem.prominentBackground#7b4fff30
- statusBarItem.prominentForeground#7b4fff
- statusBarItem.remoteBackground#00c8f020
- statusBarItem.remoteForeground#00c8f0
- statusBarItem.warningBackground#f0a03020
- statusBarItem.warningForeground#f0a030
- tab.activeBackground#0a1628
- tab.activeBorder#0a1628
- tab.activeBorderTop#00c8f0
- tab.activeForeground#c8dce8
- tab.border#050d1a
- tab.hoverBackground#0a1628
- tab.hoverForeground#7ab8cc
- tab.inactiveBackground#050d1a
- tab.inactiveForeground#2a4a60
- tab.lastPinnedBorder#1a2d4a
- tab.selectedBackground#0a1628
- tab.selectedForeground#c8dce8
- tab.unfocusedActiveBackground#0a1628
- tab.unfocusedActiveForeground#5a7a90
- tab.unfocusedInactiveForeground#1e3550
- terminal.ansiBlack#0a1628
- terminal.ansiBlue#4a90d9
- terminal.ansiBrightBlack#2a4a60
- terminal.ansiBrightBlue#6ab0f0
- terminal.ansiBrightCyan#40d8f8
- terminal.ansiBrightGreen#00e8b8
- terminal.ansiBrightMagenta#9b6fff
- terminal.ansiBrightRed#ff6a8a
- terminal.ansiBrightWhite#e8f4f8
- terminal.ansiBrightYellow#f8d860
- terminal.ansiCyan#00c8f0
- terminal.ansiGreen#00c8a0
- terminal.ansiMagenta#7b4fff
- terminal.ansiRed#ff4a6a
- terminal.ansiWhite#c8dce8
- terminal.ansiYellow#f0c030
- terminal.background#050d1a
- terminal.border#0a1628
- terminal.foreground#c8dce8
- terminal.inactiveSelectionBackground#00c8f014
- terminal.selectionBackground#00c8f028
- terminalCursor.background#050d1a
- terminalCursor.foreground#00c8f0
- textBlockQuote.background#0a1628
- textBlockQuote.border#00c8f040
- textCodeBlock.background#0a1628
- textLink.activeForeground#40d8f8
- textLink.foreground#00c8f0
- textPreformat.foreground#00c8f0
- textSeparator.foreground#1a2d4a
- titleBar.activeBackground#050d1a
- titleBar.activeForeground#7ab8cc
- titleBar.border#0a1628
- titleBar.inactiveBackground#050d1a
- titleBar.inactiveForeground#2a4a60
- toolbar.activeBackground#00c8f018
- toolbar.hoverBackground#00c8f010
- tree.inactiveIndentGuidesStroke#0f1e35
- tree.indentGuidesStroke#1a2d4a
- welcomePage.tileBackground#0a1628
- welcomePage.tileBorder#1a2d4a
- welcomePage.tileHoverBackground#0f1e35
- widget.border#0f1e35
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #1e4060 | italic |
| keyword, keyword.control, storage.modifier, keyword.operator.new, keyword.operator.expression, keyword.operator.instanceof, keyword.operator.wordlike | #00c8f0 | — |
| storage, storage.type | #00c8f0 | — |
| keyword.operator | #5a7a90 | — |
| entity.name.function, support.function, meta.function-call.generic | #40d8f8 | — |
| entity.name.type, entity.name.class, support.class, support.type, entity.name.namespace | #7b4fff | — |
| variable, variable.other.readwrite | #c8dce8 | — |
| variable.parameter | #9ab8cc | — |
| variable.language | #00c8f0 | italic |
| constant.language, variable.other.constant | #9b6fff | — |
| constant.numeric, variable.other.enummember | #00c8a0 | — |
| string, meta.embedded.assembly | #4a90d9 | — |
| constant.character.escape, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #00c8f0 | — |
| string.regexp | #f0a030 | — |
| entity.name.tag | #00c8f0 | — |
| entity.other.attribute-name | #7b4fff | — |
| support.type.property-name, support.type.vendored.property-name | #40d8f8 | — |
| keyword.other.unit | #00c8a0 | — |
| meta.decorator, punctuation.decorator | #9b6fff | italic |
| invalid | #ff4a6a | — |
| punctuation.definition.tag | #2a4a60 | — |
| markup.heading | #00c8f0 | bold |
| markup.bold | #c8dce8 | bold |
| markup.italic | — | italic |
| markup.inline.raw | #40d8f8 | — |
| markup.inserted | #00c8a0 | — |
| markup.deleted | #ff4a6a | — |
| markup.changed | #7b4fff | — |