Melody Noir
Publisher: Niloy MajumderThemes in package: 8
A collective of VS Code themes inspired by songs—designed to fuel productivity, creativity, and rhythm in your workflow. Now featuring Gorillaz x Melody Noir themes from The Mountain album.
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.activeBackground#6BAA9615
- activityBar.activeBorder#6BAA96
- activityBar.activeFocusBorder#6BAA96
- activityBar.background#111417
- activityBar.border#111417
- activityBar.foreground#D0D8E0
- activityBar.inactiveForeground#5A6670
- activityBarBadge.background#6BAA96
- activityBarBadge.foreground#111417
- badge.background#6BAA96
- badge.foreground#111417
- breadcrumb.activeSelectionForeground#6BAA96
- breadcrumb.background#171B1F
- breadcrumb.focusForeground#D0D8E0
- breadcrumb.foreground#5A6670
- breadcrumbPicker.background#111417
- button.background#588C74
- button.foreground#D0D8E0
- button.hoverBackground#6BAA96
- button.secondaryBackground#171B1F
- button.secondaryForeground#D0D8E0
- button.secondaryHoverBackground#1D2226
- commandCenter.activeBackground#252B31
- commandCenter.activeForeground#D0D8E0
- commandCenter.background#111417
- commandCenter.border#252B31
- commandCenter.foreground#D0D8E0
- commandCenter.inactiveForeground#5A6670
- debugToolBar.background#111417
- debugToolBar.border#252B31
- descriptionForeground#8494A0
- diffEditor.border#252B31
- diffEditor.diagonalFill#252B3180
- diffEditor.insertedLineBackground#6BAA9610
- diffEditor.insertedTextBackground#6BAA9620
- diffEditor.removedLineBackground#D4707010
- diffEditor.removedTextBackground#D4707020
- disabledForeground#84949F99
- dropdown.background#171B1F
- dropdown.border#252B31
- dropdown.foreground#D0D8E0
- dropdown.listBackground#171B1F
- editor.background#171B1F
- editor.findMatchBackground#C4A06080
- editor.findMatchBorder#C4A060
- editor.findMatchHighlightBackground#C4A06040
- editor.findMatchHighlightBorder#C4A06060
- editor.findRangeHighlightBackground#6BAA9630
- editor.findRangeHighlightBorder#6BAA9650
- editor.focusedStackFrameHighlightBackground#6BAA9620
- editor.foldBackground#2E353C40
- editor.foreground#D0D8E0
- editor.hoverHighlightBackground#6BAA9630
- editor.inactiveSelectionBackground#2E353C40
- editor.lineHighlightBackground#111417
- editor.lineHighlightBorder#111417
- editor.rangeHighlightBackground#6BAA9615
- editor.rangeHighlightBorder#6BAA9630
- editor.selectionBackground#2E353C80
- editor.selectionForeground#D0D8E0
- editor.selectionHighlightBackground#6BAA9630
- editor.selectionHighlightBorder#6BAA9650
- editor.stackFrameHighlightBackground#C4A06020
- editor.symbolHighlightBackground#6BAA9630
- editor.symbolHighlightBorder#6BAA9650
- editor.wordHighlightBackground#6BAA9620
- editor.wordHighlightBorder#6BAA9650
- editor.wordHighlightStrongBackground#6BAA9640
- editor.wordHighlightStrongBorder#6BAA9670
- editorBracketMatch.background#2E353C80
- editorBracketMatch.border#6BAA96
- editorCodeLens.foreground#5A6670
- editorCursor.foreground#C4A060
- editorError.border#111417
- editorError.foreground#D47070
- editorGroup.border#252B31
- editorGroup.dropBackground#6BAA9640
- editorGroup.emptyBackground#111417
- editorGroupHeader.border#111417
- editorGroupHeader.noTabsBackground#111417
- editorGroupHeader.tabsBackground#111417
- editorGroupHeader.tabsBorder#111417
- editorGutter.addedBackground#6BAA96
- editorGutter.background#171B1F
- editorGutter.commentRangeForeground#5A6670
- editorGutter.deletedBackground#D47070
- editorGutter.foldingControlForeground#5A6670
- editorGutter.modifiedBackground#7A9AB8
- editorHint.border#111417
- editorHint.foreground#6BAA96
- editorHoverWidget.background#111417
- editorHoverWidget.border#252B31
- editorHoverWidget.foreground#D0D8E0
- editorHoverWidget.highlightForeground#6BAA96
- editorHoverWidget.statusBarBackground#171B1F
- editorIndentGuide.activeBackground1#323A42
- editorIndentGuide.background1#252B31
- editorInfo.border#111417
- editorInfo.foreground#7A9AB8
- editorLineNumber.activeForeground#8494A0
- editorLineNumber.foreground#323A42
- editorLink.activeForeground#5C9E86
- editorOverviewRuler.addedForeground#6BAA96
- editorOverviewRuler.border#111417
- editorOverviewRuler.bracketMatchForeground#6BAA96
- editorOverviewRuler.deletedForeground#D47070
- editorOverviewRuler.errorForeground#D47070
- editorOverviewRuler.findMatchForeground#C4A06080
- editorOverviewRuler.infoForeground#7A9AB8
- editorOverviewRuler.modifiedForeground#7A9AB8
- editorOverviewRuler.rangeHighlightForeground#6BAA9680
- editorOverviewRuler.selectionHighlightForeground#6BAA9680
- editorOverviewRuler.warningForeground#C4A060
- editorOverviewRuler.wordHighlightForeground#6BAA9680
- editorOverviewRuler.wordHighlightStrongForeground#5C9E8680
- editorRuler.foreground#252B31
- editorSuggestWidget.background#111417
- editorSuggestWidget.border#252B31
- editorSuggestWidget.foreground#D0D8E0
- editorSuggestWidget.highlightForeground#6BAA96
- editorSuggestWidget.selectedBackground#252B31
- editorSuggestWidget.selectedForeground#D0D8E0
- editorSuggestWidget.selectedIconForeground#C4A060
- editorWarning.border#111417
- editorWarning.foreground#C4A060
- editorWhitespace.foreground#323A4280
- editorWidget.background#111417
- editorWidget.border#252B31
- editorWidget.resizeBorder#6BAA96
- errorForeground#D47070
- focusBorder#6BAA96
- foreground#D0D8E0
- gitDecoration.conflictingResourceForeground#C4A060
- gitDecoration.deletedResourceForeground#D47070
- gitDecoration.ignoredResourceForeground#323A42
- gitDecoration.modifiedResourceForeground#7A9AB8
- gitDecoration.submoduleResourceForeground#8494A0
- gitDecoration.untrackedResourceForeground#6BAA96
- icon.foreground#C4A060
- input.background#111417
- input.border#252B31
- input.foreground#D0D8E0
- input.placeholderForeground#5A6670
- inputOption.activeBackground#6BAA9620
- inputOption.activeBorder#6BAA96
- inputValidation.errorBackground#D4707020
- inputValidation.errorBorder#D47070
- inputValidation.infoBackground#7A9AB820
- inputValidation.infoBorder#7A9AB8
- inputValidation.warningBackground#C4A06020
- inputValidation.warningBorder#C4A060
- keybindingLabel.background#252B31
- keybindingLabel.border#252B31
- keybindingLabel.bottomBorder#252B31
- keybindingLabel.foreground#D0D8E0
- list.activeSelectionBackground#588C74
- list.activeSelectionForeground#D0D8E0
- list.activeSelectionIconForeground#C4A060
- list.dropBackground#6BAA9640
- list.errorForeground#D47070
- list.focusBackground#588C7480
- list.focusForeground#D0D8E0
- list.focusOutline#6BAA96
- list.highlightForeground#6BAA96
- list.hoverBackground#252B3180
- list.hoverForeground#D0D8E0
- list.inactiveFocusOutline#252B31
- list.inactiveSelectionBackground#252B3180
- list.inactiveSelectionForeground#D0D8E0
- list.warningForeground#C4A060
- listFilterWidget.background#111417
- listFilterWidget.noMatchesOutline#D47070
- listFilterWidget.outline#6BAA96
- menu.background#111417
- menu.border#252B31
- menu.foreground#D0D8E0
- menu.selectionBackground#252B31
- menu.selectionBorder#111417
- menu.selectionForeground#D0D8E0
- menu.separatorBackground#252B31
- menubar.selectionBackground#252B31
- menubar.selectionBorder#111417
- menubar.selectionForeground#D0D8E0
- notificationCenter.border#252B31
- notificationCenterHeader.background#111417
- notificationCenterHeader.foreground#D0D8E0
- notificationLink.foreground#6BAA96
- notifications.background#111417
- notifications.border#252B31
- notifications.foreground#D0D8E0
- notificationsErrorIcon.foreground#D47070
- notificationsInfoIcon.foreground#7A9AB8
- notificationsWarningIcon.foreground#C4A060
- notificationToast.border#252B31
- panel.background#171B1F
- panel.border#252B31
- panel.dropBorder#6BAA96
- panelTitle.activeBorder#6BAA96
- panelTitle.activeForeground#D0D8E0
- panelTitle.inactiveForeground#5A6670
- peekView.border#6BAA96
- peekViewEditor.background#111417
- peekViewEditor.matchHighlightBackground#C4A06040
- peekViewEditor.matchHighlightBorder#C4A06080
- peekViewResult.background#111417
- peekViewResult.matchHighlightBackground#C4A06040
- peekViewResult.selectionBackground#252B31
- peekViewResult.selectionForeground#D0D8E0
- peekViewTitle.background#111417
- peekViewTitleDescription.foreground#8494A0
- peekViewTitleLabel.foreground#D0D8E0
- pickerGroup.border#252B31
- pickerGroup.foreground#6BAA96
- progressBar.background#6BAA96
- quickInput.background#111417
- quickInput.foreground#D0D8E0
- quickInputList.focusBackground#252B31
- quickInputTitle.background#111417
- sash.hoverBorder#6BAA96
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#6BAA96CC
- scrollbarSlider.background#252B3199
- scrollbarSlider.hoverBackground#252B31CC
- selection.background#6BAA9640
- sideBar.background#111417
- sideBar.border#111417
- sideBar.foreground#8494A0
- sideBarSectionHeader.background#111417
- sideBarSectionHeader.border#252B31
- sideBarSectionHeader.foreground#D0D8E0
- sideBarTitle.foreground#D0D8E0
- statusBar.background#111417
- statusBar.border#111417
- statusBar.debuggingBackground#D47070
- statusBar.debuggingBorder#111417
- statusBar.debuggingForeground#111417
- statusBar.foreground#D0D8E0
- statusBar.noFolderBackground#111417
- statusBar.noFolderBorder#111417
- statusBar.noFolderForeground#D0D8E0
- statusBarItem.activeBackground#252B31
- statusBarItem.errorBackground#D47070
- statusBarItem.errorForeground#111417
- statusBarItem.hoverBackground#252B3180
- statusBarItem.prominentBackground#6BAA96
- statusBarItem.prominentForeground#111417
- statusBarItem.prominentHoverBackground#5C9E86
- statusBarItem.remoteBackground#6BAA96
- statusBarItem.remoteForeground#111417
- statusBarItem.warningBackground#C4A060
- statusBarItem.warningForeground#111417
- symbolIcon.arrayForeground#C4A060
- symbolIcon.booleanForeground#C4A060
- symbolIcon.classForeground#7A9AB8
- symbolIcon.colorForeground#6BAA96
- symbolIcon.constantForeground#C4A060
- symbolIcon.constructorForeground#6BAA96
- symbolIcon.enumeratorForeground#7A9AB8
- symbolIcon.enumeratorMemberForeground#7A9AB8
- symbolIcon.eventForeground#D47070
- symbolIcon.fieldForeground#D0D8E0
- symbolIcon.fileForeground#8494A0
- symbolIcon.folderForeground#8494A0
- symbolIcon.functionForeground#6BAA96
- symbolIcon.interfaceForeground#7A9AB8
- symbolIcon.keyForeground#7A9AB8
- symbolIcon.keywordForeground#588C74
- symbolIcon.methodForeground#6BAA96
- symbolIcon.moduleForeground#C4A060
- symbolIcon.namespaceForeground#7A9AB8
- symbolIcon.nullForeground#C4A060
- symbolIcon.numberForeground#C4A060
- symbolIcon.objectForeground#C4A060
- symbolIcon.operatorForeground#588C74
- symbolIcon.packageForeground#6BAA96
- symbolIcon.propertyForeground#D0D8E0
- symbolIcon.referenceForeground#C4A060
- symbolIcon.snippetForeground#6BAA96
- symbolIcon.stringForeground#6BAA96
- symbolIcon.structForeground#7A9AB8
- symbolIcon.textForeground#D0D8E0
- symbolIcon.typeParameterForeground#7A9AB8
- symbolIcon.unitForeground#C4A060
- symbolIcon.variableForeground#D0D8E0
- tab.activeBackground#171B1F
- tab.activeBorder#6BAA96
- tab.activeBorderTop#6BAA96
- tab.activeForeground#D0D8E0
- tab.border#111417
- tab.hoverBackground#171B1F
- tab.hoverBorder#252B31
- tab.inactiveBackground#111417
- tab.inactiveForeground#5A6670
- tab.lastPinnedBorder#252B31
- tab.unfocusedActiveBorder#252B31
- tab.unfocusedActiveBorderTop#252B31
- tab.unfocusedHoverBackground#171B1F
- tab.unfocusedHoverBorder#252B31
- terminal.ansiBlack#111417
- terminal.ansiBlue#588C74
- terminal.ansiBrightBlack#2E353C
- terminal.ansiBrightBlue#8AAEC0
- terminal.ansiBrightCyan#7EC0B0
- terminal.ansiBrightGreen#80C4AA
- terminal.ansiBrightMagenta#A0B8D0
- terminal.ansiBrightRed#E89090
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#D8B878
- terminal.ansiCyan#5C9E86
- terminal.ansiGreen#6BAA96
- terminal.ansiMagenta#7A9AB8
- terminal.ansiRed#D47070
- terminal.ansiWhite#D0D8E0
- terminal.ansiYellow#C4A060
- terminal.background#111417
- terminal.border#252B31
- terminal.dropBackground#6BAA9640
- terminal.foreground#D0D8E0
- terminal.tab.activeBorder#6BAA96
- terminalCommandDecoration.defaultBackground#252B31
- terminalCommandDecoration.errorBackground#D4707040
- terminalCommandDecoration.successBackground#6BAA9640
- terminalOverviewRuler.cursorForeground#C4A060
- terminalOverviewRuler.findMatchForeground#C4A060
- textLink.activeForeground#5C9E86
- textLink.foreground#6BAA96
- titleBar.activeBackground#111417
- titleBar.activeForeground#D0D8E0
- titleBar.border#111417
- titleBar.inactiveBackground#111417
- titleBar.inactiveForeground#5A6670
- tree.inactiveIndentGuidesStroke#171B1F
- tree.indentGuidesStroke#252B31
- tree.tableColumnsBorder#252B31
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded, string meta.image.inline.markdown | #D0D8E0 | — |
| comment, punctuation.definition.comment | #5A6670 | italic |
| string | #6BAA96 | — |
| constant, support.constant | #C4A060 | — |
| variable, support.variable | #D0D8E0 | — |
| keyword, storage.modifier, storage.type, storage.type.class | #588C74 | — |
| storage | #588C74 | — |
| entity.name.type | #7A9AB8 | italic |
| entity.other.inherited-class | #8AAEC0 | italic |
| entity.name.function | #6BAA96 | — |
| support.function | #5C9E86 | — |
| support.class | #7A9AB8 | italic |
| support.type | #8AAEC0 | italic |
| entity.name.tag | #588C74 | — |
| entity.other.attribute-name | #C4A060 | — |
| support.other.variable | #D0D8E0 | — |
| invalid | #D47070 | underline |
| invalid.deprecated | #C4A060 | italic strikethrough |
| meta.class | #7A9AB8 | — |
| meta.method-call | #6BAA96 | — |
| meta.property-name | #D0D8E0 | — |
| meta.function | #6BAA96 | — |
| meta.tag | #588C74 | — |
| meta.require | #5C9E86 | — |
| meta.selector | #588C74 | — |
| meta.separator | #5A6670 | — |
| meta.annotation | #C4A060 | — |
| meta.attribute-selector | #C4A060 | — |
| meta.brace | #8494A0 | — |
| meta.group.braces | #8494A0 | — |
| meta.embedded | #D0D8E0 | — |
| meta.embedded.block | #D0D8E0 | — |
| punctuation.definition.comment | #5A6670 | — |
| punctuation.definition.string | #6BAA96 | — |
| punctuation.definition.variable | #D0D8E0 | — |
| punctuation.definition.parameters | #8494A0 | — |
| punctuation.definition.array | #8494A0 | — |
| punctuation.definition.heading | #6BAA96 | — |
| punctuation.definition.identity | #5C9E86 | — |
| punctuation.definition.bold | #C4A060 | bold |
| punctuation.definition.italic | #6BAA96 | italic |
| punctuation.section | #8494A0 | — |
| punctuation.section.embedded | #588C74 | — |
| punctuation.terminator | #8494A0 | — |
| punctuation.separator | #8494A0 | — |
| punctuation.accessor | #8494A0 | — |
| keyword.control | #588C74 | — |
| keyword.operator | #588C74 | — |
| keyword.other | #588C74 | — |
| keyword.operator.logical | #588C74 | — |
| keyword.operator.bitwise | #588C74 | — |
| keyword.operator.comparison | #588C74 | — |
| keyword.operator.assignment | #588C74 | — |
| keyword.operator.arithmetic | #588C74 | — |
| keyword.operator.increment | #588C74 | — |
| keyword.operator.decrement | #588C74 | — |
| variable.language | #588C74 | italic |
| variable.parameter | #8494A0 | italic |
| constant.character.escape | #C4A060 | — |
| constant.numeric | #C4A060 | — |
| constant.language | #C4A060 | — |
| constant.other | #C4A060 | — |
| entity.name.class | #7A9AB8 | underline |
| entity.name.struct | #7A9AB8 | underline |
| entity.name.enum | #7A9AB8 | underline |
| entity.name.interface | #8AAEC0 | underline italic |
| entity.name.type.parameter | #8AAEC0 | italic |
| entity.name.namespace | #7A9AB8 | — |
| entity.name.module | #7A9AB8 | — |
| entity.name.package | #7A9AB8 | — |
| entity.name.label | #8494A0 | — |
| entity.other.attribute-name | #C4A060 | — |
| entity.other.attribute-name.class | #7A9AB8 | — |
| entity.other.attribute-name.id | #588C74 | — |
| support.function.builtin | #5C9E86 | — |
| support.function.magic | #6BAA96 | — |
| support.variable.property | #6BAA96 | — |
| support.variable.dom | #D0D8E0 | — |
| support.constant.property-value | #6BAA96 | — |
| support.type.property-name | #D0D8E0 | — |
| markup.heading | #6BAA96 | bold |
| markup.bold | #C4A060 | bold |
| markup.italic | #6BAA96 | italic |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| markup.inserted | #6BAA96 | — |
| markup.deleted | #D47070 | — |
| markup.changed | #C4A060 | — |
| markup.inline.raw | #7A9AB8 | — |
| markup.raw.block | #D0D8E0 | — |
| markup.quote | #5A6670 | italic |
| markup.list | #6BAA96 | — |
| markup.link | #588C74 | underline |
| string.other.link.title.markdown | #588C74 | — |
| string.other.link.description.markdown | #6BAA96 | — |
| markup.math | #C4A060 | — |
| meta.diff.header | #8494A0 | — |
| meta.diff.range | #C4A060 | — |
| punctuation.definition.diff | #588C74 | — |
| markup.fenced_code.block | #D0D8E0 | — |
| markup.code.span | #7A9AB8 | — |
| meta.structure.dictionary.key | #7A9AB8 | — |
| meta.structure.dictionary.value.string | #6BAA96 | — |