Dark+ Material Legacy
Publisher: CERiNGThemes in package: 1
The default Dark+ Theme, with material palette and always up to date
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#424242
- activityBar.dropBorder#FFFFFF
- activityBar.foreground#FFFFFF
- activityBar.inactiveForeground#FFFFFF66
- activityBarBadge.background#2196F3
- activityBarBadge.foreground#FFFFFF
- badge.background#424242
- badge.foreground#FFFFFF
- banner.background#3F51B5
- banner.foreground#FFFFFF
- banner.iconForeground#2196F3
- breadcrumb.activeSelectionForeground#BDBDBD
- breadcrumb.background#101010
- breadcrumb.focusForeground#BDBDBD
- breadcrumb.foreground#BDBDBD
- breadcrumbPicker.background#212121
- button.background#3F51B5
- button.foreground#FFFFFF
- button.hoverBackground#3F51B5
- charts.blue#2196F3
- charts.foreground#BDBDBD
- charts.green#81C784
- charts.lines#BDBDBD
- charts.orange#FFC107
- charts.purple#B39DDB
- charts.red#FF5722
- charts.yellow#FFEB3B
- debugExceptionWidget.background#795548
- debugExceptionWidget.border#F44336
- diffEditor.diagonalFill#BDBDBD33
- diffEditor.insertedTextBackground#8BC34A33
- diffEditor.removedTextBackground#F4433633
- dropdown.background#424242
- dropdown.border#424242
- dropdown.foreground#EEEEEE
- editor.background#101010
- editor.findMatchBackground#607D8B
- editor.findRangeHighlightBackground#21212166
- editor.foreground#9E9E9E
- editor.hoverHighlightBackground#3F51B540
- editor.inactiveSelectionBackground#3F51B5
- editor.lineHighlightBorder#212121
- editor.rangeHighlightBackground#FFFFFF0B
- editor.selectionBackground#3F51B540
- editor.snippetFinalTabstopHighlightBorder#424242
- editor.snippetTabstopHighlightBackground#757575
- editor.symbolHighlightBackground#FF572255
- editorBracketMatch.background#4CAF501A
- editorBracketMatch.border#757575
- editorCodeLens.foreground#9E9E9E
- editorCursor.foreground#FFFFFF
- editorGhostText.foreground#FFFFFF56
- editorGroup.border#424242
- editorGroup.dropBackground#607D8B80
- editorGroupHeader.noTabsBackground#101010
- editorGroupHeader.tabsBackground#212121
- editorGutter.background#101010
- editorHint.foreground#EEEEEEB3
- editorHoverWidget.background#212121
- editorHoverWidget.border#424242
- editorHoverWidget.statusBarBackground#212121
- editorIndentGuide.activeBackground#EEEEEE29
- editorIndentGuide.background#EEEEEE29
- editorInlayHint.background#424242
- editorInlayHint.foreground#FFFFFF
- editorLightBulb.foreground#FFC107
- editorLightBulbAutoFix.foreground#2196F3
- editorLineNumber.activeForeground#BDBDBD
- editorLineNumber.foreground#757575
- editorLink.activeForeground#2196F3
- editorOverviewRuler.border#7575754D
- editorOverviewRuler.commonContentForeground#424242
- editorOverviewRuler.currentContentForeground#009688
- editorOverviewRuler.errorForeground#F44336
- editorOverviewRuler.findMatchForeground#FFC1077E
- editorOverviewRuler.incomingContentForeground#03A9F4
- editorOverviewRuler.infoForeground#2196F3
- editorOverviewRuler.rangeHighlightForeground#2196F399
- editorOverviewRuler.selectionHighlightForeground#CDDC39CC
- editorOverviewRuler.warningForeground#FFEB3B
- editorPane.background#101010
- editorRuler.foreground#424242
- editorSuggestWidget.background#212121
- editorSuggestWidget.border#424242
- editorSuggestWidget.focusHighlightForeground#2196F3
- editorSuggestWidget.foreground#9E9E9E
- editorSuggestWidget.highlightForeground#03A9F4
- editorSuggestWidget.selectedBackground#3F51B5
- editorSuggestWidget.selectedForeground#FFFFFF
- editorUnnecessaryCode.opacity#000000A0
- editorWhitespace.foreground#EEEEEE29
- editorWidget.background#212121
- editorWidget.border#424242
- extensionBadge.remoteBackground#2196F3
- extensionBadge.remoteForeground#FFFFFF
- icon.foreground#BDBDBD
- input.background#424242
- input.foreground#BDBDBD
- input.placeholderForeground#BDBDBD
- inputOption.activeBackground#03A9F4
- inputOption.activeBorder#2196F300
- inputOption.activeForeground#FFFFFF
- inputValidation.errorBackground#795548
- inputValidation.errorBorder#F44336
- inputValidation.infoBackground#3F51B5
- inputValidation.infoBorder#2196F3
- inputValidation.warningBackground#795548
- inputValidation.warningBorder#FFC107
- keybindingLabel.background#607D8B
- keybindingLabel.border#424242
- keybindingLabel.bottomBorder#424242
- keybindingLabel.foreground#BDBDBD
- list.dropBackground#3F51B5
- list.errorForeground#FF5722
- list.focusOutline#03A9F4
- list.highlightForeground#2196F3
- list.hoverBackground#607D8B80
- list.inactiveSelectionBackground#10101080
- list.invalidItemForeground#FFC107
- list.warningForeground#FFEB3B
- listFilterWidget.background#795548
- listFilterWidget.noMatchesOutline#F44336
- listFilterWidget.outline#00000000
- menu.background#424242
- menu.foreground#EEEEEE
- menu.selectionBackground#3F51B5
- menu.selectionForeground#FFFFFF
- menu.separatorBackground#9E9E9E
- menubar.selectionBackground#FFFFFF1A
- menubar.selectionForeground#BDBDBD
- merge.commonContentBackground#424242
- merge.commonHeaderBackground#424242
- merge.currentContentBackground#00968880
- merge.currentHeaderBackground#00968880
- merge.incomingContentBackground#03A9F480
- merge.incomingHeaderBackground#03A9F480
- minimap.errorHighlight#F44336
- minimap.findMatchHighlight#FFC107
- minimap.selectionHighlight#3F51B5
- minimap.warningHighlight#FFEB3B
- minimapSlider.activeBackground#BDBDBD66
- minimapSlider.background#75757566
- minimapSlider.hoverBackground#757575B3
- notificationCenterHeader.background#607D8B
- notificationLink.foreground#2196F3
- notifications.background#212121
- notifications.border#607D8B
- notifications.foreground#BDBDBD
- notificationsErrorIcon.foreground#FF5722
- notificationsInfoIcon.foreground#2196F3
- notificationsWarningIcon.foreground#FFEB3B
- panel.background#101010
- panel.border#607D8B59
- panel.dropBorder#EEEEEE
- panelSection.border#607D8B59
- panelSection.dropBackground#607D8B80
- panelSectionHeader.background#607D8B33
- panelTitle.activeBorder#EEEEEE
- panelTitle.activeForeground#EEEEEE
- panelTitle.inactiveForeground#EEEEEE99
- pickerGroup.border#212121
- pickerGroup.foreground#2196F3
- progressBar.background#2196F3
- quickInput.background#212121
- quickInput.foreground#BDBDBD
- sash.hoverBorder#03A9F4
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#BDBDBD66
- scrollbarSlider.background#75757566
- scrollbarSlider.hoverBackground#757575B3
- searchEditor.findMatchBackground#FF5722A8
- searchEditor.findMatchBorder#FF5722A8
- sideBar.background#212121
- sideBar.dropBackground#607D8B80
- sideBarSectionHeader.background#607D8B33
- statusBar.background#2196F3
- statusBar.foreground#FFFFFF
- statusBar.noFolderBackground#673AB7
- statusBar.noFolderForeground#FFFFFF
- statusBarItem.activeBackground#FFFFFF2E
- statusBarItem.hoverBackground#FFFFFF1F
- statusBarItem.prominentBackground#00000080
- statusBarItem.prominentForeground#FFFFFF
- statusBarItem.prominentHoverBackground#0000004D
- statusBarItem.remoteBackground#2196F3
- statusBarItem.remoteForeground#FFFFFF
- statusBarItem.warningForeground#FFFFFF
- tab.activeBackground#101010
- tab.activeForeground#FFFFFF
- tab.activeModifiedBorder#03A9F4
- tab.border#212121
- tab.inactiveBackground#212121
- tab.inactiveForeground#FFFFFF80
- tab.inactiveModifiedBorder#03A9F480
- tab.lastPinnedBorder#9E9E9E
- tab.unfocusedActiveForeground#FFFFFF80
- tab.unfocusedActiveModifiedBorder#03A9F480
- tab.unfocusedInactiveBackground#212121
- tab.unfocusedInactiveForeground#FFFFFF40
- tab.unfocusedInactiveModifiedBorder#03A9F440
- textBlockQuote.background#7575751A
- textBlockQuote.border#2196F380
- textCodeBlock.background#10101066
- textLink.activeForeground#2196F3
- textLink.foreground#2196F3
- textPreformat.foreground#FF9800
- textSeparator.foreground#FFFFFF2E
- titleBar.activeBackground#424242
- titleBar.activeForeground#BDBDBD
- titleBar.inactiveBackground#42424299
- titleBar.inactiveForeground#BDBDBD99
- toolbar.activeBackground#61616150
- toolbar.hoverBackground#61616150
- tree.tableColumnsBorder#BDBDBD20
- widget.shadow#0000005C
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 | — |
| variable.other.enummember | #4FC3F7 | — |
| keyword.operator.plus.exponent | #CDDC39 | — |
| keyword.operator.minus.exponent | #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.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 | — |
| entity.name.function.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 | — |
| keyword.operator.noexcept | #2196F3 | — |
| string | #FFC107 | — |
| meta.embedded.assembly | #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.alignof | #2196F3 | — |
| keyword.operator.typeid | #2196F3 | — |
| keyword.operator.alignas | #2196F3 | — |
| keyword.operator.instanceof | #2196F3 | — |
| keyword.operator.logical.python | #2196F3 | — |
| keyword.operator.wordlike | #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 | — |
| source.powershell variable.other.member | #FFEB3B | — |
| entity.name.operator.custom-literal | #FFEB3B | — |
| meta.return-type | #009688 | — |
| support.class | #009688 | — |
| support.type | #009688 | — |
| entity.name.type | #009688 | — |
| entity.name.namespace | #009688 | — |
| entity.other.attribute | #009688 | — |
| entity.name.scope-resolution | #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 | — |
| source.cpp keyword.operator.new | #E91E63 | — |
| keyword.operator.delete | #E91E63 | — |
| keyword.other.using | #E91E63 | — |
| keyword.other.operator | #E91E63 | — |
| entity.name.operator | #E91E63 | — |
| variable | #00BCD4 | — |
| meta.definition.variable.name | #00BCD4 | — |
| support.variable | #00BCD4 | — |
| entity.name.variable | #00BCD4 | — |
| constant.other.placeholder | #00BCD4 | — |
| variable.other.constant | #4FC3F7 | — |
| 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 | — |
| entity.name.label | #607D8B | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...