Laurë Dark Theme
Publisher: KuaiThemes in package: 2
An elegant dark theme inspired by the golden light of Lothlórien. Warm amber tones, natural hues, and soft contrast designed for long coding sessions without eye strain.
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.
- activityBar.background#071527
- activityBar.border#00000000
- activityBar.foreground#cdd9f0
- activityBar.inactiveForeground#445b8a
- activityBarBadge.background#f5a623
- activityBarBadge.foreground#071527
- badge.background#f5a623
- badge.foreground#071527
- button.background#f5a623
- button.foreground#071527
- button.hoverBackground#ffc94d
- button.secondaryBackground#234b82
- button.secondaryForeground#e3eaf6
- disabledForeground#445b8a
- dropdown.background#1a3766
- dropdown.border#2a4f85
- editor.background#0d2144
- editor.findMatchBackground#f0a44e66
- editor.findMatchHighlightBackground#f0a44e33
- editor.foreground#e3eaf6
- editor.inactiveSelectionBackground#2c5c9e44
- editor.lineHighlightBackground#16305c88
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#2c5c9e99
- editor.selectionHighlightBackground#2c5c9e55
- editor.wordHighlightBackground#f5a62322
- editor.wordHighlightStrongBackground#f5a62333
- editorBracketHighlight.foreground1#7ec4e0
- editorBracketHighlight.foreground2#a9d18a
- editorBracketHighlight.foreground3#e0a468
- editorBracketHighlight.foreground4#b79bd9
- editorBracketMatch.background#f5a62333
- editorBracketMatch.border#f5a623aa
- editorCodeLens.foreground#7285b7
- editorCursor.foreground#ffc94d
- editorGroup.border#16305c
- editorGroupHeader.tabsBackground#071527
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#a9d18a
- editorGutter.background#0d2144
- editorGutter.deletedBackground#e08a90
- editorGutter.modifiedBackground#e0a468
- editorHoverWidget.background#1a3766
- editorHoverWidget.border#2a4f85
- editorIndentGuide.activeBackground1#2a4f85
- editorIndentGuide.background1#16305c
- editorLineNumber.activeForeground#f5a623
- editorLineNumber.foreground#445b8a
- editorOverviewRuler.border#0d2144
- editorRuler.foreground#16305c
- editorSuggestWidget.background#1a3766
- editorSuggestWidget.border#2a4f85
- editorSuggestWidget.highlightForeground#ffc94d
- editorSuggestWidget.selectedBackground#234b82
- editorWhitespace.foreground#16305c
- editorWidget.background#1a3766
- editorWidget.border#2a4f85
- focusBorder#f5a62366
- foreground#e3eaf6
- gitDecoration.addedResourceForeground#a9d18a
- gitDecoration.conflictingResourceForeground#f0a8ac
- gitDecoration.deletedResourceForeground#e08a90
- gitDecoration.ignoredResourceForeground#445b8a
- gitDecoration.modifiedResourceForeground#e0a468
- gitDecoration.untrackedResourceForeground#7ec4e0
- input.background#1a3766
- input.border#2a4f85
- input.foreground#e3eaf6
- input.placeholderForeground#5b74a3
- list.activeSelectionBackground#234b82
- list.activeSelectionForeground#ffc94d
- list.focusBackground#234b82
- list.hoverBackground#1a3766aa
- list.inactiveSelectionBackground#1a3766
- minimap.background#0d2144
- minimap.selectionHighlight#2c5c9e
- minimapSlider.background#445b8a33
- minimapSlider.hoverBackground#445b8a55
- notificationCenterHeader.background#1a3766
- notifications.background#1a3766
- notifications.border#2a4f85
- panel.background#0a1a33
- panel.border#16305c
- panelTitle.activeBorder#f5a623
- panelTitle.activeForeground#ffc94d
- panelTitle.inactiveForeground#5b74a3
- peekView.border#f5a623
- peekViewEditor.background#0a1a33
- peekViewResult.background#0a1a33
- peekViewTitle.background#1a3766
- progressBar.background#f5a623
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#f5a62366
- scrollbarSlider.background#445b8a55
- scrollbarSlider.hoverBackground#445b8a88
- selection.background#2c5c9eaa
- sideBar.background#0a1a33
- sideBar.border#00000000
- sideBar.foreground#93a6c9
- sideBarSectionHeader.background#0a1a33
- sideBarSectionHeader.border#00000000
- sideBarTitle.foreground#e3eaf6
- statusBar.background#071527
- statusBar.border#00000000
- statusBar.debuggingBackground#6b3b3b
- statusBar.debuggingForeground#e3eaf6
- statusBar.foreground#93a6c9
- statusBar.noFolderBackground#071527
- statusBarItem.hoverBackground#234b82
- statusBarItem.remoteBackground#2c5c9e
- statusBarItem.remoteForeground#ffc94d
- tab.activeBackground#0d2144
- tab.activeBorderTop#f5a623
- tab.activeForeground#ffc94d
- tab.border#00000000
- tab.hoverBackground#1a3766
- tab.inactiveBackground#0a1a33
- tab.inactiveForeground#5b74a3
- terminal.ansiBlack#0d2144
- terminal.ansiBlue#7ec4e0
- terminal.ansiBrightBlack#445b8a
- terminal.ansiBrightBlue#a3d8f0
- terminal.ansiBrightCyan#c0eaf5
- terminal.ansiBrightGreen#c3e8a8
- terminal.ansiBrightMagenta#cbb0e8
- terminal.ansiBrightRed#f0a8ac
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffc94d
- terminal.ansiCyan#9fd8ee
- terminal.ansiGreen#a9d18a
- terminal.ansiMagenta#b79bd9
- terminal.ansiRed#e08a90
- terminal.ansiWhite#e3eaf6
- terminal.ansiYellow#f5a623
- terminal.background#0d2144
- terminal.foreground#e3eaf6
- titleBar.activeBackground#071527
- titleBar.activeForeground#e3eaf6
- titleBar.border#00000000
- titleBar.inactiveBackground#071527
- titleBar.inactiveForeground#445b8a
- tree.indentGuidesStroke#2a4f85
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #e3eaf6 | — |
| comment, punctuation.definition.comment | #7285b7 | italic |
| string, string.quoted, constant.other.symbol | #a9d18a | — |
| constant.numeric, constant.language, constant.character | #e0a468 | — |
| keyword, storage.type, storage.modifier, keyword.control | #f5a623 | bold |
| keyword.operator | #7a93b8 | — |
| entity.name.function, support.function, meta.function-call | #7ec4e0 | — |
| entity.name.class, entity.name.type, support.class, storage.type.class | #e8961e | bold |
| variable, variable.other, variable.parameter | #c7d3ea | — |
| variable.other.property, meta.object-literal.key, support.type.property-name | #a9bcdc | — |
| entity.name.tag, meta.tag | #f5a623 | — |
| entity.other.attribute-name | #e0a468 | — |
| punctuation, meta.brace, meta.delimiter | #5f7aa3 | — |
| markup.heading | #e8961e | bold |
| markup.bold | #7ec4e0 | bold |
| markup.italic | #a9bcdc | italic |
| markup.underline.link, string.other.link | #7ec4e0 | — |
| invalid, invalid.illegal | #e08a90 | underline |
| string.regexp | #9fd8ee | — |
| storage.type.function.python, storage.type.class.python | #f5a623 | bold |
| keyword.control.flow.python, keyword.control.import.python | #f5a623 | bold |
| keyword.operator.logical.python | #f5a623 | — |
| constant.language.python | #e0a468 | italic |
| entity.name.function.python, meta.function.python entity.name.function | #7ec4e0 | — |
| entity.name.class.python, entity.name.type.class.python | #e8961e | bold |
| entity.name.function.decorator.python, meta.function.decorator.python support.type.python | #e0a468 | italic |
| punctuation.definition.decorator.python | #e0a468 | — |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python, variable.language.special.self.python | #b79bd9 | italic |
| support.function.builtin.python, support.function.magic.python | #9fd8ee | — |
| support.function.magic.python, meta.function.python entity.name.function.magic | #7ec4e0 | italic |
| string.quoted.docstring.multi.python, string.quoted.docstring.python | #8fb0d9 | italic |
| punctuation.definition.template-expression.python, punctuation.section.embedded.python, meta.fstring.python punctuation.definition.string.begin.python | #e0a468 | — |
| variable.parameter.function.python | #c7d3ea | italic |
| support.type.exception.python | #e8961e | — |
| meta.item-access.python | #a9bcdc | — |