Dark Lemon Material
Publisher: Luca FluriThemes in package: 1
Dark minimalistic theme with yellow accents and the Dark+ Material Syntax
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#141414
- activityBar.dropBackground#202020
- activityBar.foreground#ffff50
- activityBar.inactiveForeground#4d4d4d
- activityBarBadge.background#4d4d4d
- activityBarBadge.foreground#ffffff
- badge.background#424242
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#bdbdbd
- breadcrumb.background#141414
- breadcrumb.focusForeground#bdbdbd
- breadcrumb.foreground#666666
- breadcrumbPicker.background#212121
- button.background#3f51b5
- button.foreground#ffffff
- button.hoverBackground#3f51b5
- contrastBorder#ffffff00
- debugExceptionWidget.background#795548
- debugExceptionWidget.border#f44336
- debugToolBar.background#424242
- diffEditor.insertedTextBackground#8bc34a33
- diffEditor.removedTextBackground#f4433633
- dropdown.background#1d1d1d
- dropdown.border#00000000
- dropdown.foreground#eeeeee
- dropdown.listBackground#1d1d1d
- editor.background#141414
- editor.findMatchBackground#607d8b
- editor.findMatchHighlightBackground#ff572255
- editor.findRangeHighlightBackground#21212166
- editor.foreground#ffffff
- editor.hoverHighlightBackground#3f51b540
- editor.inactiveSelectionBackground#212121
- editor.lineHighlightBackground#1d1d1dc9
- editor.lineHighlightBorder#212121
- editor.rangeHighlightBackground#ffffff0b
- editor.selectionBackground#ffff5028
- editor.selectionHighlightBackground#75757526
- editor.snippetFinalTabstopHighlightBorder#424242
- editor.snippetTabstopHighlightBackground#757575
- editorActiveLineNumber.foreground#bdbdbd
- editorBracketMatch.background#4caf501a
- editorBracketMatch.border#757575
- editorCodeLens.foreground#9e9e9e
- editorCursor.foreground#ffff50
- editorError.foreground#f44336
- editorGroup.border#00000000
- editorGroup.dropBackground#607d8b80
- editorGroupHeader.noTabsBackground#101010
- editorGroupHeader.tabsBackground#141414
- editorGutter.background#141414
- editorHint.foreground#eeeeeeb3
- editorHoverWidget.background#212121
- editorHoverWidget.border#424242
- editorIndentGuide.activeBackground#757575
- editorIndentGuide.background#00000000
- editorInfo.foreground#4caf50
- editorLineNumber.activeForeground#bdbdbd
- editorLineNumber.foreground#666666
- editorLink.activeForeground#ffff50
- editorOverviewRuler.border#00000000
- editorOverviewRuler.commonContentForeground#424242
- editorOverviewRuler.currentContentForeground#009688
- editorOverviewRuler.errorForeground#f44336
- editorOverviewRuler.findMatchForeground#ffc107b3
- editorOverviewRuler.incomingContentForeground#03a9f4
- editorOverviewRuler.infoForeground#3f51b5
- editorOverviewRuler.rangeHighlightForeground#2196f399
- editorOverviewRuler.selectionHighlightForeground#cddc39cc
- editorOverviewRuler.warningForeground#4caf50
- editorPane.background#101010
- editorRuler.foreground#424242
- editorSuggestWidget.background#212121
- editorSuggestWidget.border#424242
- editorSuggestWidget.foreground#9e9e9e
- editorSuggestWidget.highlightForeground#03a9f4
- editorSuggestWidget.selectedBackground#3f51b5
- editorUnnecessaryCode.opacity#000000a0
- editorWarning.foreground#4caf50
- editorWhitespace.foreground#eeeeee29
- editorWidget.background#212121
- editorWidget.border#424242
- focusBorder#fdfd001f
- input.background#424242
- input.foreground#bdbdbd
- input.placeholderForeground#bdbdbd
- inputOption.activeBorder#2196f3
- inputValidation.errorBackground#795548
- inputValidation.errorBorder#f44336
- inputValidation.infoBackground#3f51b5
- inputValidation.infoBorder#2196f3
- inputValidation.warningBackground#795548
- inputValidation.warningBorder#ffc107
- list.activeSelectionBackground#fdfd001f
- list.activeSelectionForeground#ffffff
- list.dropBackground#424242
- list.errorForeground#ff0000b9
- list.focusBackground#fdfd001f
- list.focusForeground#a8a8a8
- list.highlightForeground#ffff50af
- list.hoverBackground#fdfd0018
- list.inactiveFocusBackground#1d1d1d
- list.inactiveSelectionBackground#1d1d1d70
- list.inactiveSelectionForeground#adadad
- list.invalidItemForeground#ffc107
- list.warningForeground#ffff50af
- listFilterWidget.background#795548
- listFilterWidget.noMatchesOutline#f44336
- listFilterWidget.outline#00000000
- menu.background#212121
- menu.foreground#bdbdbd
- menu.selectionBackground#fdfd001f
- menu.selectionForeground#ffffff
- menu.separatorBackground#ffff50
- menubar.selectionBackground#fdfd001f
- menubar.selectionForeground#bdbdbd
- merge.commonContentBackground#424242
- merge.commonHeaderBackground#424242
- merge.currentContentBackground#009688
- merge.currentHeaderBackground#009688
- merge.incomingContentBackground#03a9f4
- merge.incomingHeaderBackground#03a9f4
- notificationCenterHeader.background#607d8b
- notificationLink.foreground#2196f3
- notifications.background#212121
- notifications.border#607d8b
- panel.background#141414
- panel.border#00000000
- panel.dropBackground#ffffff1f
- panelTitle.activeBorder#ffff50
- panelTitle.activeForeground#eeeeee
- panelTitle.inactiveForeground#eeeeee99
- pickerGroup.border#212121
- pickerGroup.foreground#2196f3
- progressBar.background#2196f3
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#2b2b2bc9
- scrollbarSlider.background#25252593
- scrollbarSlider.hoverBackground#2e2e2e7a
- settings.numberInputBackground#212121
- settings.textInputBackground#212121
- sideBar.background#141414
- sideBar.border#00000000
- sideBar.dropBackground#ffffff1f
- sideBar.foreground#a8a8a8
- sideBarSectionHeader.background#141414
- sideBarTitle.foreground#a8a8a8
- statusBar.background#141414
- statusBar.border#00000000
- statusBar.debuggingBackground#ffff50
- statusBar.debuggingForeground#141414
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#141414
- statusBar.noFolderForeground#ffffff
- statusBarItem.activeBackground#ffffff2e
- statusBarItem.hostBackground#4caf50
- statusBarItem.hoverBackground#ffffff1f
- statusBarItem.prominentBackground#4caf50
- statusBarItem.prominentHoverBackground#4caf50
- tab.activeBackground#141414
- tab.activeBorder#ffff50
- tab.activeForeground#ffffff
- tab.activeModifiedBorder#03a9f4
- tab.border#00000000
- tab.hoverBackground#1d1d1d
- tab.inactiveBackground#141414
- tab.inactiveForeground#ffffff80
- tab.inactiveModifiedBorder#03a9f480
- tab.unfocusedActiveForeground#ffffff80
- tab.unfocusedActiveModifiedBorder#03a9f480
- tab.unfocusedInactiveForeground#ffffff40
- tab.unfocusedInactiveModifiedBorder#03a9f440
- terminalCursor.foreground#ffff50
- textBlockQuote.background#7575751a
- textBlockQuote.border#2196f380
- textCodeBlock.background#10101066
- textLink.activeForeground#2196f3
- textLink.foreground#2196f3
- textPreformat.foreground#ff9800
- textSeparator.foreground#ffffff2e
- titleBar.activeBackground#141414
- titleBar.activeForeground#ffffff85
- titleBar.inactiveBackground#42424299
- titleBar.inactiveForeground#bdbdbd99
- welcomePage.buttonHoverBackground#fdfd0005
- widget.shadow#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded | #9E9E9E | — |
| source.groovy.embedded | #9E9E9E | — |
| emphasis | — | italic |
| strong | — | bold |
| header | #3F51B5 | — |
| comment | #8BC34A | — |
| constant.language | #2196F3 | — |
| constant.numeric | #CDDC39 | — |
| constant.regexp | #9C27B0 | — |
| entity.name.tag | #2196F3 | — |
| entity.name.tag.css | #FF9800 | — |
| entity.other.attribute-name | #00BCD4 | — |
| entity.other.attribute-name.class.css | #FF9800 | — |
| entity.other.attribute-name.class.mixin.css | #FF9800 | — |
| entity.other.attribute-name.id.css | #FF9800 | — |
| entity.other.attribute-name.parent-selector.css | #FF9800 | — |
| entity.other.attribute-name.pseudo-class.css | #FF9800 | — |
| entity.other.attribute-name.pseudo-element.css | #FF9800 | — |
| source.css.less entity.other.attribute-name.id | #FF9800 | — |
| entity.other.attribute-name.attribute.scss | #FF9800 | — |
| entity.other.attribute-name.scss | #FF9800 | — |
| invalid | #F44336 | — |
| markup.underline | — | underline |
| markup.bold | #2196F3 | bold |
| markup.heading | #2196F3 | bold |
| markup.italic | — | italic |
| markup.inserted | #CDDC39 | — |
| markup.deleted | #FFC107 | — |
| markup.changed | #2196F3 | — |
| punctuation.definition.quote.begin.markdown | #8BC34A | — |
| punctuation.definition.list.begin.markdown | #03A9F4 | — |
| markup.inline.raw | #FFC107 | — |
| punctuation.definition.tag | #607D8B | — |
| meta.preprocessor | #2196F3 | — |
| meta.preprocessor.string | #FFC107 | — |
| meta.preprocessor.numeric | #CDDC39 | — |
| meta.structure.dictionary.key.python | #00BCD4 | — |
| meta.diff.header | #2196F3 | — |
| storage | #2196F3 | — |
| storage.type | #2196F3 | — |
| storage.modifier | #2196F3 | — |
| string | #FFC107 | — |
| string.tag | #FFC107 | — |
| string.value | #FFC107 | — |
| string.regexp | #FF5722 | — |
| punctuation.definition.template-expression.begin | #2196F3 | — |
| punctuation.definition.template-expression.end | #2196F3 | — |
| punctuation.section.embedded | #2196F3 | — |
| meta.template.expression | #9E9E9E | — |
| support.type.vendored.property-name | #00BCD4 | — |
| support.type.property-name | #00BCD4 | — |
| variable.css | #00BCD4 | — |
| variable.scss | #00BCD4 | — |
| variable.other.less | #00BCD4 | — |
| source.coffee.embedded | #00BCD4 | — |
| keyword | #2196F3 | — |
| keyword.control | #E91E63 | — |
| keyword.operator | #9E9E9E | — |
| keyword.operator.new | #2196F3 | — |
| keyword.operator.expression | #2196F3 | — |
| keyword.operator.cast | #2196F3 | — |
| keyword.operator.sizeof | #2196F3 | — |
| keyword.operator.instanceof | #2196F3 | — |
| keyword.operator.logical.python | #2196F3 | — |
| keyword.other.unit | #CDDC39 | — |
| punctuation.section.embedded.begin.php | #2196F3 | — |
| punctuation.section.embedded.end.php | #2196F3 | — |
| support.function.git-rebase | #00BCD4 | — |
| constant.sha.git-rebase | #CDDC39 | — |
| storage.modifier.import.java | #9E9E9E | — |
| variable.language.wildcard.java | #9E9E9E | — |
| storage.modifier.package.java | #9E9E9E | — |
| variable.language | #2196F3 | — |
| entity.name.function | #FFEB3B | — |
| support.function | #FFEB3B | — |
| support.constant.handlebars | #FFEB3B | — |
| meta.return-type | #009688 | — |
| support.class | #009688 | — |
| support.type | #009688 | — |
| entity.name.type | #009688 | — |
| entity.name.class | #009688 | — |
| storage.type.numeric.go | #009688 | — |
| storage.type.byte.go | #009688 | — |
| storage.type.boolean.go | #009688 | — |
| storage.type.string.go | #009688 | — |
| storage.type.uintptr.go | #009688 | — |
| storage.type.error.go | #009688 | — |
| storage.type.rune.go | #009688 | — |
| storage.type.cs | #009688 | — |
| storage.type.generic.cs | #009688 | — |
| storage.type.modifier.cs | #009688 | — |
| storage.type.variable.cs | #009688 | — |
| storage.type.annotation.java | #009688 | — |
| storage.type.generic.java | #009688 | — |
| storage.type.java | #009688 | — |
| storage.type.object.array.java | #009688 | — |
| storage.type.primitive.array.java | #009688 | — |
| storage.type.primitive.java | #009688 | — |
| storage.type.token.java | #009688 | — |
| storage.type.groovy | #009688 | — |
| storage.type.annotation.groovy | #009688 | — |
| storage.type.parameters.groovy | #009688 | — |
| storage.type.generic.groovy | #009688 | — |
| storage.type.object.array.groovy | #009688 | — |
| storage.type.primitive.array.groovy | #009688 | — |
| storage.type.primitive.groovy | #009688 | — |
| meta.type.cast.expr | #009688 | — |
| meta.type.new.expr | #009688 | — |
| support.constant.math | #009688 | — |
| support.constant.dom | #009688 | — |
| support.constant.json | #009688 | — |
| entity.other.inherited-class | #009688 | — |
| variable | #00BCD4 | — |
| meta.definition.variable.name | #00BCD4 | — |
| support.variable | #00BCD4 | — |
| entity.name.variable | #00BCD4 | — |
| meta.object-literal.key | #00BCD4 | — |
| support.constant.property-value | #FFC107 | — |
| support.constant.font-name | #FFC107 | — |
| support.constant.media-type | #FFC107 | — |
| support.constant.media | #FFC107 | — |
| constant.other.color.rgb-value | #FFC107 | — |
| constant.other.rgb-value | #FFC107 | — |
| support.constant.color | #FFC107 | — |
| punctuation.definition.group.regexp | #FFC107 | — |
| punctuation.definition.group.assertion.regexp | #FFC107 | — |
| punctuation.definition.character-class.regexp | #FFC107 | — |
| punctuation.character.set.begin.regexp | #FFC107 | — |
| punctuation.character.set.end.regexp | #FFC107 | — |
| keyword.operator.negation.regexp | #FFC107 | — |
| support.other.parenthesis.regexp | #FFC107 | — |
| constant.character.character-class.regexp | #FF5722 | — |
| constant.other.character-class.set.regexp | #FF5722 | — |
| constant.other.character-class.regexp | #FF5722 | — |
| constant.character.set.regexp | #FF5722 | — |
| keyword.operator.or.regexp | #FFEB3B | — |
| keyword.control.anchor.regexp | #FFEB3B | — |
| keyword.operator.quantifier.regexp | #FF9800 | — |
| constant.character | #2196F3 | — |
| constant.character.escape | #FF9800 | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...