Luma
Publisher: Sebastien CottinetThemes in package: 4
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
- checkbox.background#2b2e38
- checkbox.border#909090
- checkbox.foreground#ababab
- checkbox.selectBackground#2b2e38
- checkbox.selectBorder#909090
- 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#14161c
- editorGutter.background#20222a
- editorInlayHint.background#20222a
- editorInlayHint.foreground#5aa55e
- editorLineNumber.activeForeground#ababab
- editorLineNumber.foreground#ababab40
- git.blame.editorDecorationForeground#909090
- gitDecoration.addedResourceForeground#5aa55e
- gitDecoration.conflictingResourceForeground#dd6660
- gitDecoration.deletedResourceForeground#dd6660
- gitDecoration.ignoredResourceForeground#90909070
- gitDecoration.modifiedResourceForeground#a09239
- gitDecoration.renamedResourceForeground#909090
- gitDecoration.stageDeletedResourceForeground#dd6660
- gitDecoration.stageModifiedResourceForeground#a09239
- gitDecoration.submoduleResourceForeground#5f90e2
- gitDecoration.untrackedResourceForeground#5aa55e
- gitlens.trailingLineForegroundColor#ababab40
- input.background#2b2e38
- list.activeSelectionBackground#3ba2a730
- list.activeSelectionForeground#ababab
- list.dropBackground#20222a
- list.hoverBackground#ababab10
- 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
- surface.border#ababab26
- 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 | #ababab | |
| 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 | #a09239 | |
| constant.language | #db5ca4 | italic |
| variable, support.variable | #ababab | — |
| entity.name.function, support.function | #c97c3c | |
| entity.name.type, entity.other.inherited-class, support.class, support.type | #5f90e2 | |
| entity.name.exception | #5f90e2 | — |
| entity.name.section | — | bold |
| constant.character, constant | #db5ca4 | — |
| constant.numeric | #ababab | — |
| string | #3ba2a7 | — |
| constant.character.escape | #db5ca4 | — |
| string.regexp, punctuation.definition.group.regexp, punctuation.definition.group.no-capture.regexp, punctuation.definition.character-class.regexp, constant.other.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.range.regexp, constant.character.escape.regexp, constant.character.escape.backslash.regexp, keyword.operator.quantifier.regexp, keyword.operator.or.regexp, keyword.operator.negation.regexp, keyword.control.anchor.regexp, meta.assertion.look-ahead.regexp, meta.assertion.negative-look-ahead.regexp | #967ce6 | — |
| constant.other.symbol | #db5ca4 | — |
| 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 | — |