Musty Theme
Publisher: Mustafa AlotbahThemes in package: 1
A vibrant rich dark theme for Visual Studio Code.
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.activeBorder#005fd4
- activityBar.background#151518
- activityBar.border#2B2B2B
- activityBar.foreground#D7D7D7
- activityBar.inactiveForeground#868686
- activityBarBadge.background#005fd4
- activityBarBadge.foreground#FFFFFF
- badge.background#616161
- badge.foreground#F8F8F8
- button.background#005fd4
- button.border#FFFFFF12
- button.foreground#FFFFFF
- button.hoverBackground#026EC1
- button.secondaryBackground#313131
- button.secondaryForeground#CCCCCC
- button.secondaryHoverBackground#3C3C3C
- chat.editedFileForeground#E2C08D
- chat.slashCommandBackground#34414B
- chat.slashCommandForeground#40A6FF
- checkbox.background#313131
- checkbox.border#3C3C3C
- debugToolBar.background#151518
- descriptionForeground#9D9D9D
- diffEditor.removedLineBackground#8f122b41
- diffEditor.removedTextBackground#8f122b88
- dropdown.background#313131
- dropdown.border#3C3C3C
- dropdown.foreground#CCCCCC
- dropdown.listBackground#1F1F1F
- editor.background#161516
- editor.findMatchBackground#9E6A03
- editor.findMatchHighlightBackground#FFC86E1F
- editor.foreground#CCCCCC
- editor.inactiveSelectionBackground#36BEFF14
- editor.lineHighlightBackground#FFFFFF08
- editor.selectionBackground#36bfff34
- editor.selectionHighlightBackground#36BEFF1A
- editor.wordHighlightBackground#DC8CC31A
- editor.wordHighlightStrongBackground#DC8CC326
- editorBracketMatch.background#36BEFF22
- editorBracketMatch.border#36BEFF80
- editorError.foreground#FF5C7C
- editorGroup.border#FFFFFF17
- editorGroupHeader.tabsBackground#151518
- editorGroupHeader.tabsBorder#2B2B2B
- editorGutter.addedBackground#2ea072
- editorGutter.deletedBackground#ff4400
- editorGutter.modifiedBackground#d4bb00
- editorHint.foreground#96BE78
- editorIndentGuide.activeBackground1#5dccff85
- editorIndentGuide.background1#FFFFFF10
- editorInfo.foreground#36BEFF
- editorLineNumber.activeForeground#36BEFF
- editorLineNumber.foreground#6E7681
- editorOverviewRuler.border#010409
- editorOverviewRuler.errorForeground#FF5C7C88
- editorOverviewRuler.infoForeground#36BEFF88
- editorOverviewRuler.warningForeground#FFC86E88
- editorRuler.foreground#FFFFFF12
- editorWarning.foreground#FFC86E
- editorWidget.background#202020
- errorForeground#F85149
- focusBorder#005fd4
- foreground#CCCCCC
- gitDecoration.addedResourceForeground#96BE78
- gitDecoration.conflictingResourceForeground#f58a95
- gitDecoration.deletedResourceForeground#FF5C7C
- gitDecoration.ignoredResourceForeground#808080
- gitDecoration.modifiedResourceForeground#FFD166
- gitDecoration.untrackedResourceForeground#41ffcc
- icon.foreground#CCCCCC
- input.background#313131
- input.border#3C3C3C
- input.foreground#CCCCCC
- input.placeholderForeground#989898
- inputOption.activeBackground#2489DB82
- inputOption.activeBorder#2488DB
- keybindingLabel.foreground#CCCCCC
- menu.background#1F1F1F
- menu.selectionBackground#005fd4
- notificationCenterHeader.background#1F1F1F
- notificationCenterHeader.foreground#CCCCCC
- notifications.background#1F1F1F
- notifications.border#2B2B2B
- notifications.foreground#CCCCCC
- panel.background#151518
- panel.border#2B2B2B
- panelInput.border#2B2B2B
- panelTitle.activeBorder#005fd4
- panelTitle.activeForeground#CCCCCC
- panelTitle.inactiveForeground#9D9D9D
- peekViewEditor.background#1F1F1F
- peekViewEditor.matchHighlightBackground#BB800966
- peekViewResult.background#1F1F1F
- peekViewResult.matchHighlightBackground#BB800966
- pickerGroup.border#3C3C3C
- progressBar.background#005fd4
- quickInput.background#222222
- quickInput.foreground#CCCCCC
- settings.dropdownBackground#313131
- settings.dropdownBorder#3C3C3C
- settings.headerForeground#FFFFFF
- settings.modifiedItemIndicator#BB800966
- sideBar.background#151518
- sideBar.border#2B2B2B
- sideBar.foreground#CCCCCC
- sideBarSectionHeader.background#151518
- sideBarSectionHeader.border#2B2B2B
- sideBarSectionHeader.foreground#CCCCCC
- sideBarTitle.foreground#CCCCCC
- statusBar.background#151518
- statusBar.border#2B2B2B
- statusBar.debuggingBackground#005fd4
- statusBar.debuggingForeground#FFFFFF
- statusBar.focusBorder#005fd4
- statusBar.foreground#CCCCCC
- statusBar.noFolderBackground#1F1F1F
- statusBarItem.focusBorder#005fd4
- statusBarItem.prominentBackground#6E768166
- statusBarItem.remoteBackground#005fd4
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#1F1F1F
- tab.activeBorder#1F1F1F
- tab.activeBorderTop#005fd4
- tab.activeForeground#FFFFFF
- tab.border#2B2B2B
- tab.hoverBackground#1F1F1F
- tab.inactiveBackground#151518
- tab.inactiveForeground#9D9D9D
- tab.selectedBorderTop#6caddf
- tab.unfocusedActiveBorder#1F1F1F
- tab.unfocusedActiveBorderTop#2B2B2B
- tab.unfocusedHoverBackground#1F1F1F
- terminal.ansiBlack#0B1114
- terminal.ansiBlue#36BEFF
- terminal.ansiBrightBlack#6F808C
- terminal.ansiBrightWhite#F8F8F8
- terminal.ansiCyan#36BEFF
- terminal.ansiGreen#96BE78
- terminal.ansiMagenta#DC8CC3
- terminal.ansiRed#FF5C7C
- terminal.ansiWhite#C9D4DD
- terminal.ansiYellow#FFC86E
- terminal.foreground#CCCCCC
- terminal.tab.activeBorder#005fd4
- textBlockQuote.background#2B2B2B
- textBlockQuote.border#616161
- textCodeBlock.background#2B2B2B
- textLink.activeForeground#4daafc
- textLink.foreground#4daafc
- textPreformat.background#3C3C3C
- textPreformat.foreground#D0D0D0
- textSeparator.foreground#21262D
- titleBar.activeBackground#151518
- titleBar.activeForeground#CCCCCC
- titleBar.border#2B2B2B
- titleBar.inactiveBackground#1F1F1F
- titleBar.inactiveForeground#9D9D9D
- welcomePage.progress.foreground#005fd4
- welcomePage.tileBackground#2B2B2B
- widget.border#313131
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #808080 | italic |
| keyword.other.documentation, storage.type.class.doxygen, comment.block.documentation keyword.other, comment.block.documentation storage.type.class | #b3b8bd | italic |
| keyword | #E29BFF | — |
| keyword.operator | #afb9c3 | — |
| storage | #E29BFF | — |
| string | #80b86a | — |
| number | #41C7FF | — |
| variable.parameter | #61afe1 | — |
| entity.name.function | #FFD166 | — |
| support.function | #FFD166 | — |
| constant.language | #80b86a | — |
| constant.numeric | #41C7FF | — |
| support.constant | #80b86a | — |
| support.type | #f58a95 | — |
| variable.other.property | #f58a95 | — |
| entity.name.class | #80b86a | — |
| meta.class.identifier entity.name.type, meta.class.identifier.java entity.name.type.class.java, meta.class.java meta.class.identifier | #41C7FF | — |
| meta.import storage.type | #9D9D9D | — |
| meta.import entity.name.type | #9D9D9D | — |
| entity.name.namespace | #E29BFF | italic |
| entity.name.scope-resolution | #80b86a | — |
| entity.name.section | #80b86a | — |
| entity.name.tag | #f58a95 | — |
| entity.name.label | #80b86a | — |
| entity.name.function-call | #FFD166 | — |
| entity.other.attribute-name | #FFD166 | — |
| markup.heading | #80b86a | — |
| markup.bold | #80b86a | bold |
| markup.italic | #80b86a | italic |
| markup.list | #80b86a | — |
| markup.quote | #80b86a | — |
| markup.raw | #80b86a | — |
| markup.deleted | #ff5c7c | — |
| markup.inserted | #80b86a | — |
| markup.changed | #80b86a | — |
| markup.ignored | #80b86a | — |
| markup.untracked | #80b86a | — |
| markup.underline | #80b86a | underline |
| markup.underline.link | #61afe1 | underline |
| markup.underline.link.image | #61afe1 | underline |
| markup.underline.link.reference | #61afe1 | underline |
| markup.underline.link.reference.definition | #61afe1 | underline |
| markup.bold.markdown | #80b86a | bold |
| markup.italic.markdown | #80b86a | italic |
| markup.raw.block.markdown | #80b86a | — |
| markup.raw.inline.markdown | #80b86a | — |
| markup.separator.markdown | #80b86a | — |
| source.gfm | #afb9c3 | — |
| source.gfm.embedded | #afb9c3 | — |
| source.gfm.embedded.html | #afb9c3 | — |
| source.gfm.embedded.python | #afb9c3 | — |
| source.gfm.embedded.python text.html.basic | #afb9c3 | — |
| source.gfm.embedded.python text.html.basic source.python | #afb9c3 | — |
| source.gfm.embedded.python text.html.basic source.python keyword.control.flow.python | #E29BFF | — |
| text | #afb9c3 | — |
| text source | #afb9c3 | — |
| text source text.html | #afb9c3 | — |
| text source text.html.basic | #afb9c3 | — |
| text source text.html.basic source | #afb9c3 | — |
| text source text.html.basic source keyword | #E29BFF | — |
| text source text.html.basic source keyword.control | #E29BFF | — |
| text source text.html.basic source keyword.operator | #E29BFF | — |
| text source text.html.basic source keyword.other | #E29BFF | — |
| text source text.html.basic source keyword.other.unit | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.operator | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value punctuation.definition.rgb-value | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value punctuation.definition.rgb-value.begin | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value punctuation.definition.rgb-value.end | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value meta.property-value.css | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value meta.property-value.css punctuation.definition.property-value | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value meta.property-value.css punctuation.definition.property-value.begin | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value meta.property-value.css punctuation.definition.property-value.end | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value meta.property-value.css meta.property-value.css | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value meta.property-value.css meta.property-value.css punctuation.definition.property-value | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value meta.property-value.css meta.property-value.css punctuation.definition.property-value.begin | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value meta.property-value.css meta.property-value.css punctuation.definition.property-value.end | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value meta.property-value.css meta.property-value.css meta.property-value.css | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value meta.property-value.css meta.property-value.css meta.property-value.css punctuation.definition.property-value | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value meta.property-value.css meta.property-value.css meta.property-value.css punctuation.definition.property-value.begin | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value meta.property-value.css meta.property-value.css meta.property-value.css punctuation.definition.property-value.end | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value meta.property-value.css meta.property-value.css meta.property-value.css meta.property-value.css | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value meta.property-value.css meta.property-value.css meta.property-value.css meta.property-value.css punctuation.definition.property-value | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value meta.property-value.css meta.property-value.css meta.property-value.css meta.property-value.css punctuation.definition.property-value.begin | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value meta.property-value.css meta.property-value.css meta.property-value.css meta.property-value.css punctuation.definition.property-value.end | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value meta.property-value.css meta.property-value.css meta.property-value.css meta.property-value.css meta.property-value.css | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value meta.property-value.css meta.property-value.css meta.property-value.css meta.property-value.css meta.property-value.css punctuation.definition.property-value | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value meta.property-value.css meta.property-value.css meta.property-value.css meta.property-value.css meta.property-value.css punctuation.definition.property-value.begin | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value meta.property-value.css meta.property-value.css meta.property-value.css meta.property-value.css meta.property-value.css punctuation.definition.property-value.end | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value meta.property-value.css meta.property-value.css meta.property-value.css meta.property-value.css meta.property-value.css meta.property-value.css | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value meta.property-value.css meta.property-value.css meta.property-value.css meta.property-value.css meta.property-value.css meta.property-value.css punctuation.definition.property-value | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value meta.property-value.css meta.property-value.css meta.property-value.css meta.property-value.css meta.property-value.css meta.property-value.css punctuation.definition.property-value.begin | #E29BFF | — |
| text source text.html.basic source keyword.other.unit.css keyword.other.rgb-value meta.property-value.css meta.property-value.css meta.property-value.css meta.property-value.css meta.property-value.css meta.property-value.css punctuation.definition.property-value.end | #E29BFF | — |
| text source text.html.basic punctuation.definition.tag.begin | #E29BFF | — |
| text source text.html.basic punctuation.definition.tag.end | #E29BFF | — |
| text source text.html.basic punctuation.definition.tag.html | #E29BFF | — |
| storage.type.annotation.java, meta.declaration.annotation.java storage.type.annotation.java | #c78fff | italic |
| punctuation.definition.annotation.java, punctuation.definition.annotation | #e7d1ff | — |
| meta.method.return-type.java storage.type.java, meta.method.return-type.java | #E29BFF | bold |
| meta.declaration.annotation.java variable.other.object.property.java, meta.annotation.java variable.other.object.property.java, meta.declaration.annotation.java variable.other.object.property, meta.annotation.java variable.other.object.property | #f58a95 | — |
| meta.import.java, storage.modifier.import.java | #896c95 | — |
| keyword.other.import.java | #896c95 | italic |
| meta.import.java storage.modifier.java | #896c95 | italic |
| meta.import.java, storage.modifier.import.java | #896c95 | italic |
| meta.class.java meta.class.body.java entity.name.type | #8baade | — |
| support.function.commandProperty.cmake | #36BEFF | italic |
| string.unquoted.cmake | #80b86a | — |
| source.cmake, support.function.cmake | #FFD166 | — |
| source.cmake, variable.other.cmake | #c1c1c1 | — |
| source.cmake, entity.name.function.cmake | #80b86a | — |