Luma
Publisher: Sebastien CottinetThemes in package: 2
A soothing, low-intensity colors theme
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#14161c
- activityBar.foreground#ababab
- activityBarBadge.background#3ba2a7
- badge.background#3ba2a760
- banner.background#20222a
- button.background#3ba2a7
- commandCenter.background#20222a
- diffEditor.insertedLineBackground#5aa55e40
- diffEditor.insertedTextBackground#5aa55e10
- diffEditor.removedLineBackground#dd666040
- diffEditor.removedTextBackground#dd666030
- diffEditorOverview.insertedForeground#5aa55e70
- diffEditorOverview.removedForeground#dd666070
- dropdown.background#2b2e38
- editor.background#20222a
- editor.findMatchBackground#5aa55e30
- editor.findMatchHighlightBackground#c97c3c40
- editor.foreground#ababab
- editor.lineHighlightBackground#ababab10
- editor.selectionBackground#3ba2a730
- editor.wordHighlightBackground#3ba2a730
- editor.wordHighlightStrongBackground#3ba2a730
- editorBracketHighlight.foreground1#dd6660
- editorBracketHighlight.foreground2#c97c3c
- editorBracketHighlight.foreground3#5f90e2
- editorBracketHighlight.foreground4#a09239
- editorBracketHighlight.foreground5#5aa55e
- editorBracketHighlight.foreground6#967ce6
- editorBracketHighlight.unexpectedBracket.foreground#dd6660
- editorGroupHeader.noTabsBackground#20222a
- editorGroupHeader.tabsBackground#20222a
- editorGutter.background#20222a
- editorInlayHint.background#20222a
- editorInlayHint.foreground#5aa55e
- editorLineNumber.activeForeground#ababab
- editorLineNumber.foreground#ababab40
- gitlens.trailingLineForegroundColor#ababab40
- input.background#2b2e38
- list.activeSelectionBackground#3ba2a730
- list.activeSelectionForeground#ababab
- list.dropBackground#20222a
- list.inactiveSelectionBackground#3ba2a730
- list.inactiveSelectionForeground#ababab
- menu.background#20222a
- panel.background#20222a
- quickInput.background#20222a
- quickInput.foreground#ababab
- scrollbarSlider.background#ababab20
- searchEditor.findMatchBackground#3ba2a730
- selection.background#3ba2a730
- sideBar.background#14161c
- sideBarSectionHeader.background#14161c
- statusBar.background#14161c
- statusBar.debuggingBackground#c97c3c80
- statusBar.foreground#ababab
- tab.activeBackground#20222a
- tab.border#2b2e38
- tab.inactiveBackground#14161c
- tab.selectedBorderTop#2b2e38
- terminal.ansiBlack#20222a
- terminal.ansiBlue#5f90e2
- terminal.ansiBrightBlack#2b2e38
- terminal.ansiBrightBlue#719ee9
- terminal.ansiBrightCyan#43b0b6
- terminal.ansiBrightGreen#63b468
- terminal.ansiBrightMagenta#a28cec
- terminal.ansiBrightRed#e77972
- terminal.ansiBrightYellow#afa041
- terminal.ansiCyan#3ba2a7
- terminal.ansiGreen#5aa55e
- terminal.ansiMagenta#967ce6
- terminal.ansiRed#dd6660
- terminal.ansiYellow#a09239
- terminal.background#20222a
- terminal.foreground#ababab
- titleBar.activeBackground#14161c
- titleBar.activeForeground#ababab
- titleBar.inactiveBackground#14161c
- titleBar.inactiveForeground#ababab
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5aa55e | italic |
| comment.block.preprocessor | #5aa55e | |
| comment.documentation, comment.block.documentation | #5aa55e | italic |
| invalid.illegal | #dd6660 | — |
| keyword.operator | #dd6660 | |
| keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.assignment, punctuation, storage.type.function.arrow, meta.brace | #ababab | |
| keyword, storage, keyword.operator.new, storage.type, keyword.operator.expression, support.constant, variable.language, support.type | #a09239 | |
| constant.language | #967ce6 | italic |
| variable, support.variable | #ababab | — |
| entity.name.function, support.function | #c97c3c | |
| entity.name.type, entity.other.inherited-class, support.class | #5f90e2 | |
| entity.name.exception | #5f90e2 | — |
| entity.name.section | — | bold |
| constant.character, constant | #3ba2a7 | — |
| constant.numeric | #db5ca4 | — |
| string | #3ba2a7 | — |
| constant.character.escape | #dd6660 | — |
| string.regexp, constant.other.character-class.range.regexp | #967ce6 | — |
| constant.other.symbol | #5aa55e | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #5aa55e | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #ababab | — |
| entity.name.tag | #5f90e2 | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #a09239 | italic |
| constant.character.entity, punctuation.definition.entity | #a09239 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #c97c3c | — |
| meta.property-name, support.type.property-name | #ababab | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #c97c3c | — |
| keyword.other.important | — | bold |
| markup.changed | #ababab | — |
| markup.deleted | #ababab | — |
| markup.italic | — | italic |
| markup.error | #dd6660 | — |
| markup.inserted | #ababab | — |
| meta.link | #c97c3c | — |
| markup.output, markup.raw | #ababab | — |
| markup.prompt | #ababab | — |
| markup.heading | #5aa55e | — |
| markup.bold | — | bold |
| markup.traceback | #ababab | — |
| markup.underline | — | underline |
| markup.quote | #c97c3c | — |
| markup.list | #ababab | — |
| markup.bold, markup.italic | #5f90e2 | — |
| markup.inline.raw | #c97c3c | |
| meta.diff.range, meta.diff.index, meta.separator | #9e9e9e | — |
| meta.diff.header.from-file | #9e9e9e | — |
| meta.diff.header.to-file | #9e9e9e | — |