Lumen Themes
Publisher: thousightThemes in package: 2
A minimal, clean, and high-tech VSCode theme with monochromatic Dark and Warm Paper Light variants.
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#f7f7f4
- activityBar.border#e0e0de
- activityBar.foreground#1a1a1acc
- activityBarBadge.background#496d91
- activityBarBadge.foreground#f7f7f4
- badge.background#EAEAE7
- badge.foreground#1a1a1a
- breadcrumb.activeSelectionForeground#1a1a1acc
- breadcrumb.background#f7f7f4
- breadcrumb.foreground#1a1a1a88
- button.background#496d91
- button.foreground#f7f7f4
- button.hoverBackground#3f607f
- descriptionForeground#706d6b
- disabledForeground#706d6b
- dropdown.background#f7f7f4
- dropdown.border#e0e0de
- dropdown.foreground#1a1a1a
- dropdown.listBackground#f7f7f4
- editor.background#f7f7f4
- editor.findMatchBackground#496d9155
- editor.findMatchBorder#496d91
- editor.findMatchForeground#1a1a1a
- editor.findMatchHighlightBackground#496d9122
- editor.foreground#1a1a1a
- editor.selectionBackground#EAEAE7b0
- editorBracketHighlight.foreground1#496d91
- editorBracketHighlight.foreground2#a04a3a
- editorBracketHighlight.foreground3#4a6d6c
- editorBracketHighlight.foreground4#6a4a7a
- editorBracketHighlight.foreground5#5a765c
- editorBracketHighlight.foreground6#9aa5b0
- editorError.foreground#a04a3a
- editorGroup.border#e0e0de
- editorGroupHeader.tabsBackground#f7f7f4
- editorGroupHeader.tabsBorder#e0e0de
- editorHint.foreground#706d6b
- editorIndentGuide.activeBackground#1a1a1a44
- editorIndentGuide.background#1a1a1a22
- editorInfo.foreground#496d91
- editorLineNumber.activeForeground#1a1a1acc
- editorLineNumber.foreground#1a1a1a44
- editorLink.activeForeground#496d91
- editorSuggestWidget.focusHighlightForeground#496d91
- editorSuggestWidget.highlightForeground#496d91
- editorWarning.foreground#a67c00
- editorWidget.background#f7f7f4
- editorWidget.border#e0e0de
- editorWidget.foreground#1a1a1a
- errorForeground#a04a3a
- errorLens.errorBackground#f8d7da44
- errorLens.errorForeground#a04a3a
- errorLens.infoBackground#d1ecf144
- errorLens.infoForeground#496d91
- errorLens.warningBackground#fff3cd44
- errorLens.warningForeground#daa520
- focusBorder#496d91
- foreground#1a1a1a
- gitDecoration.addedResourceForeground#6b8e23
- gitDecoration.deletedResourceForeground#bc8f8f
- gitDecoration.modifiedResourceForeground#daa520
- gitlens.gutterAddedForegroundColor#6b8e23
- gitlens.gutterBackgroundColor#f7f7f4
- gitlens.gutterDeletedForegroundColor#bc8f8f
- gitlens.gutterModifiedForegroundColor#daa520
- icon.foreground#706d6b
- input.background#f7f7f4
- input.border#e0e0de
- input.foreground#1a1a1a
- input.placeholderForeground#706d6b
- inputOption.activeBackground#496d9122
- inputOption.activeBorder#496d91
- inputOption.activeForeground#1a1a1a
- inputValidation.errorBackground#ede2de
- inputValidation.errorBorder#a04a3a
- inputValidation.errorForeground#1a1a1a
- inputValidation.infoBackground#e2e6e8
- inputValidation.infoBorder#496d91
- inputValidation.infoForeground#1a1a1a
- inputValidation.warningBackground#ede8d7
- inputValidation.warningBorder#a67c00
- inputValidation.warningForeground#1a1a1a
- list.activeSelectionBackground#EAEAE7
- list.activeSelectionForeground#1a1a1a
- list.activeSelectionIconForeground#1a1a1a
- list.focusForeground#1a1a1a
- list.focusHighlightForeground#496d91
- list.highlightForeground#496d91
- list.hoverBackground#EAEAE7
- list.inactiveSelectionBackground#EAEAE7
- list.inactiveSelectionForeground#1a1a1a
- menu.border#e0e0de
- panel.background#f7f7f4
- panel.border#e0e0de
- pickerGroup.border#e0e0de
- pickerGroup.foreground#496d91
- progressBar.background#496d91
- sash.hoverBorder#496d91
- selection.background#EAEAE7
- sideBar.background#f7f7f4
- sideBar.border#e0e0de
- sideBar.foreground#1a1a1acc
- sideBarSectionHeader.background#f7f7f4
- sideBarSectionHeader.border#e0e0de
- sideBarSectionHeader.foreground#1a1a1acc
- statusBar.background#f7f7f4
- statusBar.border#e0e0de
- statusBar.debuggingBackground#f7f7f4
- statusBar.debuggingBorder#e0e0de
- statusBar.debuggingForeground#1a1a1acc
- statusBar.foreground#1a1a1acc
- statusBar.noFolderBackground#f7f7f4
- statusBar.noFolderBorder#e0e0de
- statusBar.noFolderForeground#1a1a1acc
- statusBarItem.remoteBackground#f7f7f4
- statusBarItem.remoteForeground#496d91
- statusBarItem.remoteHoverBackground#EAEAE7
- statusBarItem.remoteHoverForeground#496d91
- tab.activeBackground#eaeae7
- tab.activeBorder#496d91
- tab.activeForeground#1a1a1a
- tab.border#e0e0de
- tab.inactiveBackground#f7f7f4
- tab.inactiveForeground#1a1a1a99
- tab.unfocusedActiveBackground#eaeae7
- tab.unfocusedActiveBorder#496d9199
- tab.unfocusedInactiveBackground#f7f7f4
- terminal.ansiBlack#1a1a1a
- terminal.ansiBlue#496d91
- terminal.ansiBrightBlack#706d6b
- terminal.ansiBrightBlue#4e6b8c
- terminal.ansiBrightCyan#5a7d7c
- terminal.ansiBrightGreen#688063
- terminal.ansiBrightMagenta#7a5a8a
- terminal.ansiBrightRed#b05a4a
- terminal.ansiBrightWhite#f7f7f4
- terminal.ansiBrightYellow#b68c10
- terminal.ansiCyan#4a6d6c
- terminal.ansiGreen#587053
- terminal.ansiMagenta#6a4a7a
- terminal.ansiRed#a04a3a
- terminal.ansiWhite#d0d0d0
- terminal.ansiYellow#a67c00
- terminal.background#f7f7f4
- textLink.activeForeground#496d91
- textLink.foreground#496d91
- titleBar.activeBackground#f7f7f4
- titleBar.activeForeground#1a1a1acc
- titleBar.inactiveBackground#f7f7f4
- widget.border#e0e0de
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| support.type.property-name.json, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, support.type.property-name.css, support.type.vendored.property-name.css, keyword.other.definition.ini, entity.other.attribute-name.html, entity.other.attribute-name.xml, entity.other.attribute-name.localname.xml, entity.other.attribute-name.namespace.xml, entity.other.attribute-name.js, entity.other.attribute-name.jsx, entity.other.attribute-name.tsx, variable.other.property.js, variable.other.property.ts, variable.other.property.tsx, variable.object.property.js, variable.object.property.ts, variable.object.property.tsx, support.type.property-name.js, support.type.property-name.ts, support.type.property-name.tsx, meta.object-literal.key.js, meta.object-literal.key.js string.quoted, meta.object-literal.key.js punctuation.definition.string, meta.object-literal.key.ts, meta.object-literal.key.ts string.quoted, meta.object-literal.key.ts punctuation.definition.string, meta.object-literal.key.tsx, meta.object-literal.key.tsx string.quoted, meta.object-literal.key.tsx punctuation.definition.string, support.type.property-name.toml, variable.other.env | #496d91 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, entity.name.section.group-title.ini, support.type.property-name.table.toml, support.type.property-name.array.toml | #4a6d6c | — |
| support.constant.property-value.css, source.css support.constant.color, support.constant.font-name.css, constant.character.escape.json, constant.character.escape.toml, constant.character.escape.env | #6a4a7a | — |
| keyword.operator.assignment.env, punctuation.eq.toml | #6a737d | — |
| keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.import, keyword.control.from, keyword.control.trycatch, storage.type, storage.modifier, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #a04a3a | — |
| variable.function, entity.name.function, meta.function-call, support.function, entity.name.function.preprocessor, keyword.other.special-method, punctuation.definition.macro.rust, entity.name.function.macro.rust | #496d91 | — |
| string, punctuation.definition.string, punctuation.definition.string.begin, punctuation.definition.string.end, string.quoted.double.php, string.quoted.single.php | #5a765c | — |
| constant.numeric, constant.language, constant.other, variable.other.constant, variable.other.enummember | #6a4a7a | — |
| entity.name.tag, punctuation.definition.tag | #4a6d6c | — |
| comment, punctuation.definition.comment | #706d6b | — |
| punctuation, punctuation.separator, punctuation.terminator, punctuation.bracket, punctuation.section, punctuation.definition.parameters, punctuation.definition.block, punctuation.definition.bracket, punctuation.definition.array, punctuation.definition.section, punctuation.definition.arguments, punctuation.definition.begin, punctuation.definition.end, meta.brace, meta.bracket, meta.paren, punctuation.accessor, punctuation.definition.variable.php, punctuation.definition.variable.shell, punctuation.section.bracket.shell | #6a737d | — |
| keyword.other.phpdoc, storage.type.phpdoc, variable.other.phpdoc | #706d6b | — |
| entity.name.section.markdown, punctuation.definition.heading.markdown | #496d91 | bold |
| punctuation.definition.list.begin.markdown, markup.list.numbered.markdown, markup.list.unnumbered.markdown | #a04a3a | — |
| markup.quote.markdown, punctuation.definition.quote.begin.markdown | #4a6d6c | — |
| markup.inline.raw.markdown, markup.fenced_code.block.markdown, punctuation.definition.raw.markdown | #5a765c | — |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.heading | #343b43 | bold |