Lumos UI
Publisher: Hari Prasad SThemes in package: 1
A clean, macOS-inspired VS Code theme with smooth UI, soft colors, and a premium experience.
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#242426
- commandPalette.activeBackground#0a84ff2a
- commandPalette.activeForeground#ffffff
- commandPalette.background#2c2c2e
- commandPalette.border#3a3a3c
- commandPalette.foreground#e5e5e7
- commandPalette.highlight#0a84ff
- commandPalette.inactiveForeground#8e8e93
- diffEditor.border#2c2c2e
- diffEditor.insertedLineBackground#34c75911
- diffEditor.insertedTextBackground#34c75922
- diffEditor.removedLineBackground#ff6b6b11
- diffEditor.removedTextBackground#ff6b6b22
- editor.background#1c1c1e
- editor.foreground#e5e5e7
- editor.inactiveSelectionBackground#0a84ff1a
- editor.lineHighlightBackground#2c2c2e
- editor.selectionBackground#0a84ff2a
- editor.wordHighlightBackground#0a84ff22
- editorBracketHighlight.foreground1#0a84ff
- editorBracketHighlight.foreground2#ff9f0a
- editorBracketHighlight.foreground3#34c759
- editorBracketHighlight.foreground4#a97ff0
- editorBracketHighlight.foreground5#ff375f
- editorBracketHighlight.foreground6#64d2ff
- editorCursor.foreground#3ea6ff
- editorError.background#ff6b6b1a
- editorError.border#00000000
- editorError.foreground#ff6b6bcc
- editorGutter.addedBackground#34c759
- editorGutter.deletedBackground#ff6b6b
- editorGutter.modifiedBackground#0a84ff
- editorHoverWidget.background#2c2c2e
- editorHoverWidget.border#3a3a3c
- editorHoverWidget.foreground#e5e5e7
- editorHoverWidget.shadow#00000040
- editorIndentGuide.background#3a3a3c
- editorSuggestWidget.background#2c2c2e
- editorSuggestWidget.border#3a3a3c
- editorSuggestWidget.foreground#e5e5e7
- editorSuggestWidget.highlightForeground#0a84ff
- editorSuggestWidget.selectedBackground#0a84ff2a
- editorSuggestWidget.selectedForeground#ffffff
- editorWarning.background#ffb86b1a
- editorWarning.border#00000000
- editorWarning.foreground#ffb86bcc
- editorWhitespace.foreground#3a3a3c
- input.background#1c1c1e
- input.border#3a3a3c
- input.foreground#e5e5e7
- list.activeSelectionBackground#0a84ff55
- list.activeSelectionForeground#ffffff
- list.focusBackground#0a84ff2a
- list.focusForeground#ffffff
- list.focusOutline#0a84ff
- list.highlightForeground#0a84ff
- list.hoverBackground#2a2a2c
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#2c2c2e
- list.inactiveSelectionForeground#e5e5e7
- panel.background#1c1c1e
- panel.border#2c2c2e
- problemsErrorForeground#e5e5e7
- problemsErrorIcon.foreground#ff6b6b
- problemsWarningForeground#e5e5e7
- problemsWarningIcon.foreground#ffb86b
- quickInput.background#2c2c2e
- quickInput.foreground#e5e5e7
- quickInputList.focusBackground#0a84ff2a
- quickInputList.focusForeground#ffffff
- semanticHighlighting
- sideBar.background#252527
- sideBar.border#2c2c2e
- sideBar.foreground#e5e5e7
- tab.activeBackground#1c1c1e
- tab.activeBorder#3ea6ff99
- tab.activeBorderTop#3ea6ff
- tab.activeForeground#ffffff
- tab.inactiveBackground#2c2c2e
- tab.inactiveForeground#8e8e93
- terminal.ansiRed#ff6b6b
- terminal.ansiYellow#ffb86b
- tree.indentGuidesStroke#3a3a3c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #8899aa | italic |
| keyword | #c792ea | — |
| string | #a8e6a3 | italic |
| entity.name.function | #82aaff | — |
| variable | #e5e5e7 | — |
| constant.numeric | #ff9f6e | — |
| variable | #d0d4d8 | — |
| variable.parameter | #0a84ff | — |
| storage.type.class | #ffcb6b | — |
| storage.type.function.python | #c792ea | — |
| entity.name.type | #82aaff | — |
| keyword.control.import | #0a84ff | — |
| variable, variable.other, variable.parameter | #f5f5f7 | — |
| support.type, storage.type.annotation, entity.name.type | #e6c07b | — |
| entity.name.class, entity.name.type.class | #6ea8ff | — |