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#5EAAC815
- activityBar.activeBorder#5EAAC8
- activityBar.activeFocusBorder#5EAAC8
- activityBar.background#0D0F15
- activityBar.border#0D0F15
- activityBar.foreground#C8D0DC
- activityBar.inactiveForeground#4E5668
- activityBarBadge.background#5EAAC8
- activityBarBadge.foreground#0D0F15
- badge.background#5EAAC8
- badge.foreground#0D0F15
- breadcrumb.activeSelectionForeground#5EAAC8
- breadcrumb.background#12141C
- breadcrumb.focusForeground#C8D0DC
- breadcrumb.foreground#4E5668
- breadcrumbPicker.background#0D0F15
- button.background#7A5EA8
- button.foreground#C8D0DC
- button.hoverBackground#9E80C0
- button.secondaryBackground#12141C
- button.secondaryForeground#C8D0DC
- button.secondaryHoverBackground#181A24
- commandCenter.activeBackground#222536
- commandCenter.activeForeground#C8D0DC
- commandCenter.background#0D0F15
- commandCenter.border#222536
- commandCenter.foreground#C8D0DC
- commandCenter.inactiveForeground#4E5668
- debugToolBar.background#0D0F15
- debugToolBar.border#222536
- descriptionForeground#7A8598
- diffEditor.border#222536
- diffEditor.diagonalFill#22253680
- diffEditor.insertedLineBackground#5EAAC810
- diffEditor.insertedTextBackground#5EAAC820
- diffEditor.removedLineBackground#D4686810
- diffEditor.removedTextBackground#D4686820
- disabledForeground#7A859899
- dropdown.background#12141C
- dropdown.border#222536
- dropdown.foreground#C8D0DC
- dropdown.listBackground#12141C
- editor.background#12141C
- editor.findMatchBackground#CCA64E80
- editor.findMatchBorder#CCA64E
- editor.findMatchHighlightBackground#CCA64E40
- editor.findMatchHighlightBorder#CCA64E60
- editor.findRangeHighlightBackground#5EAAC830
- editor.findRangeHighlightBorder#5EAAC850
- editor.focusedStackFrameHighlightBackground#5EAAC820
- editor.foldBackground#2A2E4240
- editor.foreground#C8D0DC
- editor.hoverHighlightBackground#5EAAC830
- editor.inactiveSelectionBackground#2A2E4240
- editor.lineHighlightBackground#0D0F15
- editor.lineHighlightBorder#0D0F15
- editor.rangeHighlightBackground#5EAAC815
- editor.rangeHighlightBorder#5EAAC830
- editor.selectionBackground#2A2E4280
- editor.selectionForeground#C8D0DC
- editor.selectionHighlightBackground#5EAAC830
- editor.selectionHighlightBorder#5EAAC850
- editor.stackFrameHighlightBackground#CCA64E20
- editor.symbolHighlightBackground#5EAAC830
- editor.symbolHighlightBorder#5EAAC850
- editor.wordHighlightBackground#5EAAC820
- editor.wordHighlightBorder#5EAAC850
- editor.wordHighlightStrongBackground#5EAAC840
- editor.wordHighlightStrongBorder#5EAAC870
- editorBracketMatch.background#2A2E4280
- editorBracketMatch.border#5EAAC8
- editorCodeLens.foreground#4E5668
- editorCursor.foreground#CCA64E
- editorError.border#0D0F15
- editorError.foreground#D46868
- editorGroup.border#222536
- editorGroup.dropBackground#5EAAC840
- editorGroup.emptyBackground#0D0F15
- editorGroupHeader.border#0D0F15
- editorGroupHeader.noTabsBackground#0D0F15
- editorGroupHeader.tabsBackground#0D0F15
- editorGroupHeader.tabsBorder#0D0F15
- editorGutter.addedBackground#5EAAC8
- editorGutter.background#12141C
- editorGutter.commentRangeForeground#4E5668
- editorGutter.deletedBackground#D46868
- editorGutter.foldingControlForeground#4E5668
- editorGutter.modifiedBackground#9E80C0
- editorHint.border#0D0F15
- editorHint.foreground#5EAAC8
- editorHoverWidget.background#0D0F15
- editorHoverWidget.border#222536
- editorHoverWidget.foreground#C8D0DC
- editorHoverWidget.highlightForeground#5EAAC8
- editorHoverWidget.statusBarBackground#12141C
- editorIndentGuide.activeBackground1#2E3348
- editorIndentGuide.background1#222536
- editorInfo.border#0D0F15
- editorInfo.foreground#9E80C0
- editorLineNumber.activeForeground#7A8598
- editorLineNumber.foreground#2E3348
- editorLink.activeForeground#4E98B4
- editorOverviewRuler.addedForeground#5EAAC8
- editorOverviewRuler.border#0D0F15
- editorOverviewRuler.bracketMatchForeground#5EAAC8
- editorOverviewRuler.deletedForeground#D46868
- editorOverviewRuler.errorForeground#D46868
- editorOverviewRuler.findMatchForeground#CCA64E80
- editorOverviewRuler.infoForeground#9E80C0
- editorOverviewRuler.modifiedForeground#9E80C0
- editorOverviewRuler.rangeHighlightForeground#5EAAC880
- editorOverviewRuler.selectionHighlightForeground#5EAAC880
- editorOverviewRuler.warningForeground#CCA64E
- editorOverviewRuler.wordHighlightForeground#5EAAC880
- editorOverviewRuler.wordHighlightStrongForeground#4E98B480
- editorRuler.foreground#222536
- editorSuggestWidget.background#0D0F15
- editorSuggestWidget.border#222536
- editorSuggestWidget.foreground#C8D0DC
- editorSuggestWidget.highlightForeground#5EAAC8
- editorSuggestWidget.selectedBackground#222536
- editorSuggestWidget.selectedForeground#C8D0DC
- editorSuggestWidget.selectedIconForeground#CCA64E
- editorWarning.border#0D0F15
- editorWarning.foreground#CCA64E
- editorWhitespace.foreground#2E334880
- editorWidget.background#0D0F15
- editorWidget.border#222536
- editorWidget.resizeBorder#5EAAC8
- errorForeground#D46868
- focusBorder#5EAAC8
- foreground#C8D0DC
- gitDecoration.conflictingResourceForeground#CCA64E
- gitDecoration.deletedResourceForeground#D46868
- gitDecoration.ignoredResourceForeground#2E3348
- gitDecoration.modifiedResourceForeground#9E80C0
- gitDecoration.submoduleResourceForeground#7A8598
- gitDecoration.untrackedResourceForeground#5EAAC8
- icon.foreground#CCA64E
- input.background#0D0F15
- input.border#222536
- input.foreground#C8D0DC
- input.placeholderForeground#4E5668
- inputOption.activeBackground#5EAAC820
- inputOption.activeBorder#5EAAC8
- inputValidation.errorBackground#D4686820
- inputValidation.errorBorder#D46868
- inputValidation.infoBackground#9E80C020
- inputValidation.infoBorder#9E80C0
- inputValidation.warningBackground#CCA64E20
- inputValidation.warningBorder#CCA64E
- keybindingLabel.background#222536
- keybindingLabel.border#222536
- keybindingLabel.bottomBorder#222536
- keybindingLabel.foreground#C8D0DC
- list.activeSelectionBackground#7A5EA8
- list.activeSelectionForeground#C8D0DC
- list.activeSelectionIconForeground#CCA64E
- list.dropBackground#5EAAC840
- list.errorForeground#D46868
- list.focusBackground#7A5EA880
- list.focusForeground#C8D0DC
- list.focusOutline#5EAAC8
- list.highlightForeground#5EAAC8
- list.hoverBackground#22253680
- list.hoverForeground#C8D0DC
- list.inactiveFocusOutline#222536
- list.inactiveSelectionBackground#22253680
- list.inactiveSelectionForeground#C8D0DC
- list.warningForeground#CCA64E
- listFilterWidget.background#0D0F15
- listFilterWidget.noMatchesOutline#D46868
- listFilterWidget.outline#5EAAC8
- menu.background#0D0F15
- menu.border#222536
- menu.foreground#C8D0DC
- menu.selectionBackground#222536
- menu.selectionBorder#0D0F15
- menu.selectionForeground#C8D0DC
- menu.separatorBackground#222536
- menubar.selectionBackground#222536
- menubar.selectionBorder#0D0F15
- menubar.selectionForeground#C8D0DC
- notificationCenter.border#222536
- notificationCenterHeader.background#0D0F15
- notificationCenterHeader.foreground#C8D0DC
- notificationLink.foreground#5EAAC8
- notifications.background#0D0F15
- notifications.border#222536
- notifications.foreground#C8D0DC
- notificationsErrorIcon.foreground#D46868
- notificationsInfoIcon.foreground#9E80C0
- notificationsWarningIcon.foreground#CCA64E
- notificationToast.border#222536
- panel.background#12141C
- panel.border#222536
- panel.dropBorder#5EAAC8
- panelTitle.activeBorder#5EAAC8
- panelTitle.activeForeground#C8D0DC
- panelTitle.inactiveForeground#4E5668
- peekView.border#5EAAC8
- peekViewEditor.background#0D0F15
- peekViewEditor.matchHighlightBackground#CCA64E40
- peekViewEditor.matchHighlightBorder#CCA64E80
- peekViewResult.background#0D0F15
- peekViewResult.matchHighlightBackground#CCA64E40
- peekViewResult.selectionBackground#222536
- peekViewResult.selectionForeground#C8D0DC
- peekViewTitle.background#0D0F15
- peekViewTitleDescription.foreground#7A8598
- peekViewTitleLabel.foreground#C8D0DC
- pickerGroup.border#222536
- pickerGroup.foreground#5EAAC8
- progressBar.background#5EAAC8
- quickInput.background#0D0F15
- quickInput.foreground#C8D0DC
- quickInputList.focusBackground#222536
- quickInputTitle.background#0D0F15
- sash.hoverBorder#5EAAC8
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#5EAAC8CC
- scrollbarSlider.background#22253699
- scrollbarSlider.hoverBackground#222536CC
- selection.background#5EAAC840
- sideBar.background#0D0F15
- sideBar.border#0D0F15
- sideBar.foreground#7A8598
- sideBarSectionHeader.background#0D0F15
- sideBarSectionHeader.border#222536
- sideBarSectionHeader.foreground#C8D0DC
- sideBarTitle.foreground#C8D0DC
- statusBar.background#0D0F15
- statusBar.border#0D0F15
- statusBar.debuggingBackground#D46868
- statusBar.debuggingBorder#0D0F15
- statusBar.debuggingForeground#0D0F15
- statusBar.foreground#C8D0DC
- statusBar.noFolderBackground#0D0F15
- statusBar.noFolderBorder#0D0F15
- statusBar.noFolderForeground#C8D0DC
- statusBarItem.activeBackground#222536
- statusBarItem.errorBackground#D46868
- statusBarItem.errorForeground#0D0F15
- statusBarItem.hoverBackground#22253680
- statusBarItem.prominentBackground#5EAAC8
- statusBarItem.prominentForeground#0D0F15
- statusBarItem.prominentHoverBackground#4E98B4
- statusBarItem.remoteBackground#5EAAC8
- statusBarItem.remoteForeground#0D0F15
- statusBarItem.warningBackground#CCA64E
- statusBarItem.warningForeground#0D0F15
- symbolIcon.arrayForeground#CCA64E
- symbolIcon.booleanForeground#CCA64E
- symbolIcon.classForeground#9E80C0
- symbolIcon.colorForeground#5EAAC8
- symbolIcon.constantForeground#CCA64E
- symbolIcon.constructorForeground#5EAAC8
- symbolIcon.enumeratorForeground#9E80C0
- symbolIcon.enumeratorMemberForeground#9E80C0
- symbolIcon.eventForeground#D46868
- symbolIcon.fieldForeground#C8D0DC
- symbolIcon.fileForeground#7A8598
- symbolIcon.folderForeground#7A8598
- symbolIcon.functionForeground#5EAAC8
- symbolIcon.interfaceForeground#9E80C0
- symbolIcon.keyForeground#9E80C0
- symbolIcon.keywordForeground#7A5EA8
- symbolIcon.methodForeground#5EAAC8
- symbolIcon.moduleForeground#CCA64E
- symbolIcon.namespaceForeground#9E80C0
- symbolIcon.nullForeground#CCA64E
- symbolIcon.numberForeground#CCA64E
- symbolIcon.objectForeground#CCA64E
- symbolIcon.operatorForeground#7A5EA8
- symbolIcon.packageForeground#5EAAC8
- symbolIcon.propertyForeground#C8D0DC
- symbolIcon.referenceForeground#CCA64E
- symbolIcon.snippetForeground#5EAAC8
- symbolIcon.stringForeground#5EAAC8
- symbolIcon.structForeground#9E80C0
- symbolIcon.textForeground#C8D0DC
- symbolIcon.typeParameterForeground#9E80C0
- symbolIcon.unitForeground#CCA64E
- symbolIcon.variableForeground#C8D0DC
- tab.activeBackground#181A24
- tab.activeBorder#5EAAC8
- tab.activeBorderTop#5EAAC8
- tab.activeForeground#C8D0DC
- tab.border#0D0F15
- tab.hoverBackground#181A24
- tab.hoverBorder#222536
- tab.inactiveBackground#0D0F15
- tab.inactiveForeground#4E5668
- tab.lastPinnedBorder#222536
- tab.unfocusedActiveBorder#222536
- tab.unfocusedActiveBorderTop#222536
- tab.unfocusedHoverBackground#181A24
- tab.unfocusedHoverBorder#222536
- terminal.ansiBlack#0D0F15
- terminal.ansiBlue#7A5EA8
- terminal.ansiBrightBlack#2A2E42
- terminal.ansiBrightBlue#B498D0
- terminal.ansiBrightCyan#88CCE0
- terminal.ansiBrightGreen#78C0D8
- terminal.ansiBrightMagenta#C4A8E0
- terminal.ansiBrightRed#E88888
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#DCC070
- terminal.ansiCyan#4E98B4
- terminal.ansiGreen#5EAAC8
- terminal.ansiMagenta#9E80C0
- terminal.ansiRed#D46868
- terminal.ansiWhite#C8D0DC
- terminal.ansiYellow#CCA64E
- terminal.background#0D0F15
- terminal.border#222536
- terminal.dropBackground#5EAAC840
- terminal.foreground#C8D0DC
- terminal.tab.activeBorder#5EAAC8
- terminalCommandDecoration.defaultBackground#222536
- terminalCommandDecoration.errorBackground#D4686840
- terminalCommandDecoration.successBackground#5EAAC840
- terminalOverviewRuler.cursorForeground#CCA64E
- terminalOverviewRuler.findMatchForeground#CCA64E
- textLink.activeForeground#4E98B4
- textLink.foreground#5EAAC8
- titleBar.activeBackground#0D0F15
- titleBar.activeForeground#C8D0DC
- titleBar.border#0D0F15
- titleBar.inactiveBackground#0D0F15
- titleBar.inactiveForeground#4E5668
- tree.inactiveIndentGuidesStroke#12141C
- tree.indentGuidesStroke#222536
- tree.tableColumnsBorder#222536
- 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 | #C8D0DC | — |
| comment, punctuation.definition.comment | #4E5668 | italic |
| string | #5EAAC8 | — |
| constant, support.constant | #CCA64E | — |
| variable, support.variable | #C8D0DC | — |
| keyword, storage.modifier, storage.type, storage.type.class | #7A5EA8 | — |
| storage | #7A5EA8 | — |
| entity.name.type | #9E80C0 | italic |
| entity.other.inherited-class | #B498D0 | italic |
| entity.name.function | #5EAAC8 | — |
| support.function | #4E98B4 | — |
| support.class | #9E80C0 | italic |
| support.type | #B498D0 | italic |
| entity.name.tag | #7A5EA8 | — |
| entity.other.attribute-name | #CCA64E | — |
| support.other.variable | #C8D0DC | — |
| invalid | #D46868 | underline |
| invalid.deprecated | #CCA64E | italic strikethrough |
| meta.class | #9E80C0 | — |
| meta.method-call | #5EAAC8 | — |
| meta.property-name | #C8D0DC | — |
| meta.function | #5EAAC8 | — |
| meta.tag | #7A5EA8 | — |
| meta.require | #4E98B4 | — |
| meta.selector | #7A5EA8 | — |
| meta.separator | #4E5668 | — |
| meta.annotation | #CCA64E | — |
| meta.attribute-selector | #CCA64E | — |
| meta.brace | #7A8598 | — |
| meta.group.braces | #7A8598 | — |
| meta.embedded | #C8D0DC | — |
| meta.embedded.block | #C8D0DC | — |
| punctuation.definition.comment | #4E5668 | — |
| punctuation.definition.string | #5EAAC8 | — |
| punctuation.definition.variable | #C8D0DC | — |
| punctuation.definition.parameters | #7A8598 | — |
| punctuation.definition.array | #7A8598 | — |
| punctuation.definition.heading | #5EAAC8 | — |
| punctuation.definition.identity | #4E98B4 | — |
| punctuation.definition.bold | #CCA64E | bold |
| punctuation.definition.italic | #5EAAC8 | italic |
| punctuation.section | #7A8598 | — |
| punctuation.section.embedded | #7A5EA8 | — |
| punctuation.terminator | #7A8598 | — |
| punctuation.separator | #7A8598 | — |
| punctuation.accessor | #7A8598 | — |
| keyword.control | #7A5EA8 | — |
| keyword.operator | #7A5EA8 | — |
| keyword.other | #7A5EA8 | — |
| keyword.operator.logical | #7A5EA8 | — |
| keyword.operator.bitwise | #7A5EA8 | — |
| keyword.operator.comparison | #7A5EA8 | — |
| keyword.operator.assignment | #7A5EA8 | — |
| keyword.operator.arithmetic | #7A5EA8 | — |
| keyword.operator.increment | #7A5EA8 | — |
| keyword.operator.decrement | #7A5EA8 | — |
| variable.language | #7A5EA8 | italic |
| variable.parameter | #7A8598 | italic |
| constant.character.escape | #CCA64E | — |
| constant.numeric | #CCA64E | — |
| constant.language | #CCA64E | — |
| constant.other | #CCA64E | — |
| entity.name.class | #9E80C0 | underline |
| entity.name.struct | #9E80C0 | underline |
| entity.name.enum | #9E80C0 | underline |
| entity.name.interface | #B498D0 | underline italic |
| entity.name.type.parameter | #B498D0 | italic |
| entity.name.namespace | #9E80C0 | — |
| entity.name.module | #9E80C0 | — |
| entity.name.package | #9E80C0 | — |
| entity.name.label | #7A8598 | — |
| entity.other.attribute-name | #CCA64E | — |
| entity.other.attribute-name.class | #9E80C0 | — |
| entity.other.attribute-name.id | #7A5EA8 | — |
| support.function.builtin | #4E98B4 | — |
| support.function.magic | #5EAAC8 | — |
| support.variable.property | #5EAAC8 | — |
| support.variable.dom | #C8D0DC | — |
| support.constant.property-value | #5EAAC8 | — |
| support.type.property-name | #C8D0DC | — |
| markup.heading | #5EAAC8 | bold |
| markup.bold | #CCA64E | bold |
| markup.italic | #5EAAC8 | italic |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| markup.inserted | #5EAAC8 | — |
| markup.deleted | #D46868 | — |
| markup.changed | #CCA64E | — |
| markup.inline.raw | #9E80C0 | — |
| markup.raw.block | #C8D0DC | — |
| markup.quote | #4E5668 | italic |
| markup.list | #5EAAC8 | — |
| markup.link | #7A5EA8 | underline |
| string.other.link.title.markdown | #7A5EA8 | — |
| string.other.link.description.markdown | #5EAAC8 | — |
| markup.math | #CCA64E | — |
| meta.diff.header | #7A8598 | — |
| meta.diff.range | #CCA64E | — |
| punctuation.definition.diff | #7A5EA8 | — |
| markup.fenced_code.block | #C8D0DC | — |
| markup.code.span | #9E80C0 | — |
| meta.structure.dictionary.key | #9E80C0 | — |
| meta.structure.dictionary.value.string | #5EAAC8 | — |