Lucent
Publisher: ReyroveThemes in package: 1
A luminous VS Code theme where light weaves through code. Inspired by textiles, generative art, and the poetry of glowing structures—for textile engineers who code.
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#0A0604
- activityBar.border#FF6B35
- activityBar.foreground#FF6B35
- activityBar.inactiveForeground#4A2A18
- button.background#FF6B35
- button.foreground#0A0604
- button.hoverBackground#FF8C5A
- dropdown.background#1A0F0A
- dropdown.border#4A2A18
- dropdown.foreground#F0E6D8
- editor.background#0A0604
- editor.foreground#F0E6D8
- editor.lineHighlightBackground#1A0F0A
- editor.selectionBackground#FF6B3566
- editor.selectionForeground#F0E6D8
- editorBracketHighlight.foreground1#FF6B35
- editorBracketHighlight.foreground2#00E5FF
- editorBracketHighlight.foreground3#FFD700
- editorBracketHighlight.foreground4#FF00FF
- editorBracketHighlight.foreground5#00FF66
- editorBracketHighlight.foreground6#FF6600
- editorBracketMatch.background#FF6B3544
- editorBracketMatch.border#FF6B35
- editorCursor.background#FF6B35
- editorCursor.foreground#FF6B35
- editorGroupHeader.tabsBackground#0A0604
- editorGroupHeader.tabsBorder#2A1A10
- editorHoverWidget.background#1A0F0A
- editorHoverWidget.border#4A2A18
- editorIndentGuide.activeBackground#FF6B35
- editorIndentGuide.background#2A1A10
- editorLineNumber.activeForeground#00FF66
- editorLineNumber.foreground#FF6B3566
- editorRuler.foreground#FF6B3566
- editorSuggestWidget.background#0A0604
- editorSuggestWidget.border#4A2A18
- editorSuggestWidget.highlightForeground#FFD700
- editorSuggestWidget.selectedBackground#FF6B35
- editorSuggestWidget.selectedForeground#0A0604
- editorWhitespace.foreground#4A2A18
- editorWidget.background#1A0F0A
- editorWidget.border#4A2A18
- input.background#1A0F0A
- input.border#4A2A18
- input.foreground#F0E6D8
- input.placeholderForeground#6A4A3A
- list.activeSelectionBackground#FF6B3544
- list.activeSelectionForeground#FF6B35
- list.focusBackground#FF6B3544
- list.focusForeground#FF6B35
- list.hoverBackground#2A1A10
- list.hoverForeground#F0E6D8
- notification.background#1A0F0A
- notification.buttonBackground#FF6B35
- notification.buttonForeground#0A0604
- notification.buttonHoverBackground#FF8C5A
- notification.foreground#F0E6D8
- notificationError.background#1A0F0A
- notificationError.foreground#FF6B35
- notificationInfo.background#1A0F0A
- notificationInfo.foreground#00E5FF
- notificationWarning.background#1A0F0A
- notificationWarning.foreground#FFD700
- panel.background#0A0604
- panel.border#FFD700
- scrollbarSlider.activeBackground#FF6B35
- scrollbarSlider.background#4A2A18
- scrollbarSlider.hoverBackground#6A4A3A
- sideBar.background#0A0604
- sideBar.foreground#D4C5B0
- sideBarSectionHeader.background#1A0F0A
- statusBar.background#0A0604
- statusBar.border#00E5FF
- statusBar.debuggingBackground#FF6B35
- statusBar.debuggingForeground#0A0604
- statusBar.foreground#D4C5B0
- statusBar.noFolderBackground#0A0604
- tab.activeBackground#0A0604
- tab.activeForeground#FF6B35
- tab.border#2A1A10
- tab.inactiveBackground#1A0F0A
- tab.inactiveForeground#4A2A18
- titleBar.activeBackground#0A0604
- titleBar.activeForeground#F0E6D8
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #6A8D92 | italic |
| keyword | #FF6B35 | bold |
| keyword.control | #00E5FF | bold |
| string | #FFD700 | — |
| string.escape | #FF6B35 | bold |
| constant.numeric | #FF00FF | — |
| entity.name.function | #00FF66 | bold |
| meta.function-call | #00E5FF | — |
| variable | #F0E6D8 | — |
| variable.other | #FF6B35 | — |
| entity.name.type | #FFD700 | bold |
| entity.name.class | #FF6B35 | bold |
| operator | #FF6B35 | bold |
| punctuation | #8B7A6B | — |
| constant | #FF00FF | — |
| constant.language | #00FF66 | bold |
| support.function | #00E5FF | — |
| support.class | #FF6B35 | — |
| support.type | #FFD700 | — |
| invalid | #FF0000 | underline bold |
| meta.decorator | #6A8D92 | italic |
| variable.parameter | #D4C5B0 | italic |
| string.regexp | #00FF66 | — |
| entity.name.tag | #FF6B35 | bold |
| entity.other.attribute-name | #FFD700 | italic |
| support.property | #F0E6D8 | — |
| support.value | #FF6B35 | — |
| meta.selector | #00FF66 | — |
| markup.heading | #FF6B35 | bold |
| markup.list | #FFD700 | — |
| markup.bold | #F0E6D8 | bold |
| markup.italic | #D4C5B0 | italic |
| support.type.object | #FFD700 | — |
| string.json | #F0E6D8 | — |
| variable.parameter.function.language.python | #FF6B35 | bold italic |
| meta.function.decorator.python | #6A8D92 | italic |
| meta.annotation | #6A8D92 | italic |
| entity.other.attribute-name.html | #FFD700 | — |
| entity.name.tag.html | #FF6B35 | bold |
| entity.other.attribute-name.class.css | #00FF66 | — |
| entity.other.attribute-name.id.css | #00E5FF | — |
| textile.fabric | #F0E6D8 | bold |
| textile.threadcount | #FF6B35 | bold |
| textile.pattern | #FFD700 | bold italic |
| textile.spinning | #00E5FF | italic |
| textile.glow | #FF6B35 | bold |