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#0066ff14
- activityBar.activeBackground#0066ff0a
- activityBar.activeBorder#0066ff
- activityBar.background#f5f6f8
- activityBar.border#e8edf8
- activityBar.foreground#0066ff
- activityBar.inactiveForeground#c0c8d8
- activityBarBadge.background#0066ff
- activityBarBadge.foreground#ffffff
- activityBarTop.activeBorder#0066ff
- activityBarTop.background#f5f6f8
- activityBarTop.foreground#0066ff
- activityBarTop.inactiveForeground#c0c8d8
- badge.background#0066ff
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#0066ff
- breadcrumb.background#ffffff
- breadcrumb.focusForeground#374151
- breadcrumb.foreground#9ca3af
- breadcrumbPicker.background#ffffff
- button.background#0066ff
- button.border#0055dd
- button.foreground#ffffff
- button.hoverBackground#0055dd
- button.secondaryBackground#f0f4ff
- button.secondaryForeground#0066ff
- button.secondaryHoverBackground#e0e8ff
- checkbox.background#ffffff
- checkbox.border#d0d5e0
- checkbox.foreground#1a1d23
- descriptionForeground#6b7280
- diffEditor.border#e8edf8
- diffEditor.insertedLineBackground#16a34a08
- diffEditor.insertedTextBackground#16a34a10
- diffEditor.removedLineBackground#e5193a08
- diffEditor.removedTextBackground#e5193a10
- disabledForeground#c0c8d8
- dropdown.background#ffffff
- dropdown.border#d0d5e0
- dropdown.foreground#1a1d23
- editor.background#ffffff
- editor.findMatchBackground#0066ff40
- editor.findMatchHighlightBackground#0066ff20
- editor.foreground#1a1d23
- editor.hoverHighlightBackground#0066ff10
- editor.inactiveSelectionBackground#0066ff10
- editor.lineHighlightBackground#f0f4ff
- editor.lineHighlightBorder#e8edf8
- editor.selectionBackground#0066ff22
- editor.selectionHighlightBackground#0066ff12
- editor.wordHighlightBackground#0066ff14
- editor.wordHighlightStrongBackground#0066ff22
- editorBracketMatch.background#0066ff18
- editorBracketMatch.border#0066ff60
- editorCodeLens.foreground#9ca3af
- editorCursor.background#ffffff
- editorCursor.foreground#0066ff
- editorError.foreground#e5193a
- editorGroup.border#e8edf8
- editorGroup.dropBackground#0066ff08
- editorGroupHeader.tabsBackground#f5f6f8
- editorGroupHeader.tabsBorder#e8edf8
- editorGutter.addedBackground#16a34a60
- editorGutter.background#ffffff
- editorGutter.deletedBackground#e5193a60
- editorGutter.modifiedBackground#0066ff60
- editorHint.foreground#7c3aed
- editorIndentGuide.activeBackground1#0066ff40
- editorIndentGuide.background1#e0e4ef
- editorInfo.foreground#0066ff
- editorLineNumber.activeForeground#0066ff80
- editorLineNumber.foreground#c0c8d8
- editorOverviewRuler.border#e8edf8
- editorOverviewRuler.errorForeground#e5193a
- editorOverviewRuler.infoForeground#0066ff
- editorOverviewRuler.warningForeground#d97706
- editorRuler.foreground#e0e4ef
- editorWarning.foreground#d97706
- editorWhitespace.foreground#d0d5e0
- errorForeground#e5193a
- focusBorder#0066ff40
- foreground#1a1d23
- gitDecoration.addedResourceForeground#16a34a
- gitDecoration.conflictingResourceForeground#d97706
- gitDecoration.deletedResourceForeground#e5193a
- gitDecoration.ignoredResourceForeground#c0c8d8
- gitDecoration.modifiedResourceForeground#0066ff
- gitDecoration.untrackedResourceForeground#7c3aed
- icon.foreground#6b7280
- input.background#ffffff
- input.border#d0d5e0
- input.foreground#1a1d23
- input.placeholderForeground#9ca3af
- inputOption.activeBackground#0066ff14
- inputOption.activeBorder#0066ff60
- inputOption.activeForeground#0066ff
- inputValidation.errorBackground#e5193a0a
- inputValidation.errorBorder#e5193a
- inputValidation.infoBackground#0066ff0a
- inputValidation.infoBorder#0066ff
- inputValidation.warningBackground#d977060a
- inputValidation.warningBorder#d97706
- list.activeSelectionBackground#e8edf8
- list.activeSelectionForeground#0066ff
- list.activeSelectionIconForeground#0066ff
- list.filterMatchBackground#0066ff18
- list.focusBackground#e8edf8
- list.focusForeground#0066ff
- list.highlightForeground#0066ff
- list.hoverBackground#eef1f8
- list.hoverForeground#1a1d23
- list.inactiveSelectionBackground#f0f4ff
- list.inactiveSelectionForeground#374151
- listFilterWidget.background#ffffff
- listFilterWidget.noMatchesOutline#e5193a
- listFilterWidget.outline#0066ff40
- menu.background#ffffff
- menu.border#e8edf8
- menu.foreground#1a1d23
- menu.selectionBackground#e8edf8
- menu.selectionForeground#0066ff
- menu.separatorBackground#e8edf8
- menubar.selectionBackground#0066ff0a
- menubar.selectionBorder#0066ff20
- menubar.selectionForeground#0066ff
- notificationLink.foreground#0066ff
- notifications.background#ffffff
- notifications.border#e8edf8
- notifications.foreground#1a1d23
- notificationsErrorIcon.foreground#e5193a
- notificationsInfoIcon.foreground#0066ff
- notificationsWarningIcon.foreground#d97706
- panel.background#f5f6f8
- panel.border#e8edf8
- panel.dropBorder#0066ff
- panelSectionHeader.background#f5f6f8
- panelTitle.activeBorder#0066ff
- panelTitle.activeForeground#1a1d23
- panelTitle.inactiveForeground#9ca3af
- pickerGroup.border#e8edf8
- pickerGroup.foreground#0066ff60
- ports.iconRunningProcessForeground#16a34a
- quickInput.background#ffffff
- quickInput.foreground#1a1d23
- quickInputList.focusBackground#e8edf8
- quickInputList.focusForeground#0066ff
- quickInputList.focusIconForeground#0066ff
- quickInputTitle.background#f5f6f8
- scrollbar.shadow#00000018
- scrollbarSlider.activeBackground#0066ff50
- scrollbarSlider.background#d0d5e060
- scrollbarSlider.hoverBackground#0066ff30
- selection.background#0066ff20
- settings.headerForeground#0066ff
- settings.modifiedItemIndicator#7c3aed
- sideBar.background#f5f6f8
- sideBar.border#e8edf8
- sideBar.foreground#374151
- sideBarSectionHeader.background#f5f6f8
- sideBarSectionHeader.border#e8edf8
- sideBarSectionHeader.foreground#9ca3af
- sideBarTitle.foreground#0066ff
- statusBar.background#f5f6f8
- statusBar.border#e8edf8
- statusBar.debuggingBackground#0066ff
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#9ca3af
- statusBar.noFolderBackground#f5f6f8
- statusBarItem.activeBackground#0066ff14
- statusBarItem.errorBackground#e5193a18
- statusBarItem.errorForeground#e5193a
- statusBarItem.hoverBackground#0066ff0a
- statusBarItem.prominentBackground#7c3aed18
- statusBarItem.prominentForeground#7c3aed
- statusBarItem.remoteBackground#0066ff18
- statusBarItem.remoteForeground#0066ff
- statusBarItem.warningBackground#d9770618
- statusBarItem.warningForeground#d97706
- tab.activeBackground#ffffff
- tab.activeBorder#ffffff
- tab.activeBorderTop#0066ff
- tab.activeForeground#1a1d23
- tab.border#e8edf8
- tab.hoverBackground#eef1f8
- tab.hoverForeground#1a1d23
- tab.inactiveBackground#f5f6f8
- tab.inactiveForeground#9ca3af
- tab.lastPinnedBorder#e8edf8
- tab.selectedBackground#ffffff
- tab.selectedForeground#1a1d23
- tab.unfocusedActiveBackground#ffffff
- tab.unfocusedActiveForeground#6b7280
- tab.unfocusedInactiveForeground#c0c8d8
- terminal.ansiBlack#1a1d23
- terminal.ansiBlue#0066ff
- terminal.ansiBrightBlack#6b7280
- terminal.ansiBrightBlue#3b82f6
- terminal.ansiBrightCyan#06b6d4
- terminal.ansiBrightGreen#22c55e
- terminal.ansiBrightMagenta#8b5cf6
- terminal.ansiBrightRed#f43f5e
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#f59e0b
- terminal.ansiCyan#0891b2
- terminal.ansiGreen#16a34a
- terminal.ansiMagenta#7c3aed
- terminal.ansiRed#e5193a
- terminal.ansiWhite#f5f6f8
- terminal.ansiYellow#d97706
- terminal.background#f5f6f8
- terminal.border#e8edf8
- terminal.foreground#1a1d23
- terminal.selectionBackground#0066ff20
- terminalCursor.background#ffffff
- terminalCursor.foreground#0066ff
- textBlockQuote.background#f0f4ff
- textBlockQuote.border#0066ff40
- textCodeBlock.background#f0f4ff
- textLink.activeForeground#0055dd
- textLink.foreground#0066ff
- textPreformat.foreground#0066ff
- textSeparator.foreground#e8edf8
- titleBar.activeBackground#f5f6f8
- titleBar.activeForeground#1a1d23
- titleBar.border#e8edf8
- titleBar.inactiveBackground#f5f6f8
- titleBar.inactiveForeground#9ca3af
- toolbar.activeBackground#0066ff14
- toolbar.hoverBackground#0066ff0a
- tree.inactiveIndentGuidesStroke#e8edf8
- tree.indentGuidesStroke#d0d5e0
- welcomePage.tileBackground#ffffff
- welcomePage.tileBorder#e8edf8
- welcomePage.tileHoverBackground#f0f4ff
- widget.border#e8edf8
- widget.shadow#00000014
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9ca3af | italic |
| keyword, keyword.control, storage.modifier, keyword.operator.new, keyword.operator.expression, keyword.operator.instanceof, keyword.operator.wordlike | #0066ff | — |
| storage, storage.type | #0066ff | — |
| keyword.operator | #6b7280 | — |
| entity.name.function, support.function | #0891b2 | — |
| entity.name.type, entity.name.class, support.class, support.type, entity.name.namespace | #7c3aed | — |
| variable, variable.other.readwrite | #1a1d23 | — |
| variable.parameter | #374151 | — |
| variable.language | #0066ff | italic |
| constant.language, variable.other.constant | #7c3aed | — |
| constant.numeric, variable.other.enummember | #16a34a | — |
| string, meta.embedded.assembly | #d97706 | — |
| constant.character.escape, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #0066ff | — |
| string.regexp | #d97706 | — |
| entity.name.tag | #0066ff | — |
| entity.other.attribute-name | #7c3aed | — |
| support.type.property-name, support.type.vendored.property-name | #0891b2 | — |
| keyword.other.unit | #16a34a | — |
| meta.decorator, punctuation.decorator | #7c3aed | italic |
| invalid | #e5193a | — |
| punctuation.definition.tag | #9ca3af | — |
| markup.heading | #0066ff | bold |
| markup.inline.raw | #0891b2 | — |
| markup.inserted | #16a34a | — |
| markup.deleted | #e5193a | — |
| markup.changed | #0066ff | — |