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#0a1512
- activityBar.border#00000000
- activityBar.foreground#c8d6c2
- activityBar.inactiveForeground#4c5f53
- activityBarBadge.background#d4a949
- activityBarBadge.foreground#101c17
- badge.background#d4a949
- badge.foreground#101c17
- button.background#d4a949
- button.foreground#101c17
- button.hoverBackground#e8c468
- button.secondaryBackground#28543f
- button.secondaryForeground#d8e2d3
- disabledForeground#5a6f63
- dropdown.background#173229
- dropdown.border#28543f
- editor.background#11241d
- editor.findMatchBackground#d98f4e66
- editor.findMatchHighlightBackground#d98f4e33
- editor.foreground#d8e2d3
- editor.inactiveSelectionBackground#356b4f44
- editor.lineHighlightBackground#17322988
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#356b4f99
- editor.selectionHighlightBackground#356b4f55
- editor.wordHighlightBackground#d4a94922
- editor.wordHighlightStrongBackground#d4a94933
- editorBracketHighlight.foreground1#e0c07a
- editorBracketHighlight.foreground2#6fd9b8
- editorBracketHighlight.foreground3#d98f4e
- editorBracketHighlight.foreground4#7fa89c
- editorBracketMatch.background#d4a94933
- editorBracketMatch.border#d4a949aa
- editorCodeLens.foreground#5c7267
- editorCursor.foreground#e8c468
- editorGroup.border#1e4033
- editorGroupHeader.tabsBackground#0a1512
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#6fd9b8
- editorGutter.background#11241d
- editorGutter.deletedBackground#c97a7a
- editorGutter.modifiedBackground#d98f4e
- editorHoverWidget.background#173229
- editorHoverWidget.border#28543f
- editorIndentGuide.activeBackground1#3f6b52
- editorIndentGuide.background1#1e4033
- editorLineNumber.activeForeground#d4a949
- editorLineNumber.foreground#48594e
- editorOverviewRuler.border#11241d
- editorRuler.foreground#1e4033
- editorSuggestWidget.background#173229
- editorSuggestWidget.border#28543f
- editorSuggestWidget.highlightForeground#6fd9b8
- editorSuggestWidget.selectedBackground#28543f
- editorWhitespace.foreground#1a3629
- editorWidget.background#173229
- editorWidget.border#28543f
- focusBorder#d4a94966
- foreground#d8e2d3
- gitDecoration.addedResourceForeground#6fd9b8
- gitDecoration.conflictingResourceForeground#d99a9a
- gitDecoration.deletedResourceForeground#c97a7a
- gitDecoration.ignoredResourceForeground#48594e
- gitDecoration.modifiedResourceForeground#d98f4e
- gitDecoration.untrackedResourceForeground#7fa89c
- input.background#173229
- input.border#28543f
- input.foreground#d8e2d3
- input.placeholderForeground#5c7267
- list.activeSelectionBackground#28543f
- list.activeSelectionForeground#e8c468
- list.focusBackground#28543f
- list.hoverBackground#173229aa
- list.inactiveSelectionBackground#173229
- minimap.background#11241d
- minimap.selectionHighlight#356b4f
- minimapSlider.background#48594e33
- minimapSlider.hoverBackground#48594e55
- notificationCenterHeader.background#173229
- notifications.background#173229
- notifications.border#28543f
- panel.background#0d1c17
- panel.border#1e4033
- panelTitle.activeBorder#d4a949
- panelTitle.activeForeground#e8c468
- panelTitle.inactiveForeground#5c7267
- peekView.border#d4a949
- peekViewEditor.background#0d1c17
- peekViewResult.background#0d1c17
- peekViewTitle.background#173229
- progressBar.background#d4a949
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#d4a94966
- scrollbarSlider.background#48594e55
- scrollbarSlider.hoverBackground#48594e88
- selection.background#356b4faa
- sideBar.background#0d1c17
- sideBar.border#00000000
- sideBar.foreground#a9bcb0
- sideBarSectionHeader.background#0d1c17
- sideBarSectionHeader.border#00000000
- sideBarTitle.foreground#d8e2d3
- statusBar.background#0a1512
- statusBar.border#00000000
- statusBar.debuggingBackground#6b3b3b
- statusBar.debuggingForeground#d8e2d3
- statusBar.foreground#a9bcb0
- statusBar.noFolderBackground#0a1512
- statusBarItem.hoverBackground#28543f
- statusBarItem.remoteBackground#356b4f
- statusBarItem.remoteForeground#e0c07a
- tab.activeBackground#11241d
- tab.activeBorderTop#d4a949
- tab.activeForeground#e8c468
- tab.border#00000000
- tab.hoverBackground#173229
- tab.inactiveBackground#0d1c17
- tab.inactiveForeground#5c7267
- terminal.ansiBlack#11241d
- terminal.ansiBlue#7fa89c
- terminal.ansiBrightBlack#48594e
- terminal.ansiBrightBlue#9bc4bc
- terminal.ansiBrightCyan#9ce8cd
- terminal.ansiBrightGreen#b7d69e
- terminal.ansiBrightMagenta#d9aee8
- terminal.ansiBrightRed#d99a9a
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#e8c468
- terminal.ansiCyan#6fd9b8
- terminal.ansiGreen#9bc48a
- terminal.ansiMagenta#c78fd9
- terminal.ansiRed#c97a7a
- terminal.ansiWhite#d8e2d3
- terminal.ansiYellow#d98f4e
- terminal.background#11241d
- terminal.foreground#d8e2d3
- titleBar.activeBackground#0a1512
- titleBar.activeForeground#d8e2d3
- titleBar.border#00000000
- titleBar.inactiveBackground#0a1512
- titleBar.inactiveForeground#5a6f63
- tree.indentGuidesStroke#28543f
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #d8e2d3 | — |
| comment, punctuation.definition.comment | #4a5d67 | italic |
| string, string.quoted, constant.other.symbol | #9bc48a | — |
| constant.numeric, constant.language, constant.character | #d98f4e | — |
| keyword, storage.type, storage.modifier, keyword.control | #d4a949 | bold |
| keyword.operator | #9fb8a8 | — |
| entity.name.function, support.function, meta.function-call | #7fa89c | — |
| entity.name.class, entity.name.type, support.class, storage.type.class | #e0935a | bold |
| variable, variable.other, variable.parameter | #c3d3bd | — |
| variable.other.property, meta.object-literal.key, support.type.property-name | #a9c4b3 | — |
| entity.name.tag, meta.tag | #d4a949 | — |
| entity.other.attribute-name | #d98f4e | — |
| punctuation, meta.brace, meta.delimiter | #7a9186 | — |
| markup.heading | #e0935a | bold |
| markup.bold | #e0c07a | bold |
| markup.italic | #a9c4b3 | italic |
| markup.underline.link, string.other.link | #7fa89c | — |
| invalid, invalid.illegal | #c97a7a | underline |
| string.regexp | #6fd9b8 | — |
| constant.language.python | #d98f4e | italic |
| entity.name.function.decorator.python, meta.function.decorator.python support.type.python, punctuation.definition.decorator.python | #d98f4e | italic |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python, variable.language.special.self.python | #c78fd9 | italic |
| support.function.magic.python, meta.function.python entity.name.function.magic | #7fa89c | italic |
| string.quoted.docstring.multi.python, string.quoted.docstring.python | #8fc9c0 | italic |
| punctuation.definition.template-expression.python, punctuation.section.embedded.python | #d98f4e | — |
| variable.parameter.function.python | #c3d3bd | italic |
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 | — |