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.background#0D0B11
- activityBar.foreground#D4D9E5
- activityBar.inactiveForeground#6B5B95
- activityBarBadge.background#D4AF37
- activityBarBadge.foreground#0D0B11
- badge.background#D4AF37
- badge.foreground#0D0B11
- breadcrumb.background#0D0B11
- breadcrumb.focusForeground#D4AF37
- breadcrumb.foreground#6B5B95
- breadcrumbPicker.background#1D1B2B
- button.background#8B7355
- button.foreground#0D0B11
- button.hoverBackground#9D8366
- button.secondaryBackground#0D0B11
- button.secondaryForeground#D4D9E5
- button.secondaryHoverBackground#1D1B2B
- descriptionForeground#A8A8BA
- diffEditor.border#1D1B2B
- diffEditor.diagonalFill#1D1B2B40
- diffEditor.insertedLineBackground#A8E6CF10
- diffEditor.insertedTextBackground#A8E6CF20
- diffEditor.insertedTextBorder#A8E6CF
- diffEditor.removedLineBackground#E8707010
- diffEditor.removedTextBackground#E8707020
- diffEditor.removedTextBorder#E87070
- disabledForeground#8B8A9999
- dropdown.background#0D0B11
- dropdown.border#1D1B2B
- dropdown.foreground#D4D9E5
- dropdown.listBackground#0D0B11
- editor.background#0D0B11
- editor.findMatchBackground#D4AF3740
- editor.findMatchBorder#D4AF37
- editor.findMatchHighlightBackground#A8E6CF20
- editor.findMatchHighlightBorder#A8E6CF
- editor.findRangeHighlightBackground#D4AF3710
- editor.foldBackground#D4AF3720
- editor.foreground#D4D9E5
- editor.hoverHighlightBackground#D4AF3710
- editor.inactiveSelectionBackground#1D1B2B40
- editor.lineHighlightBackground#1D1B2B30
- editor.lineHighlightBorder#1D1B2B
- editor.rangeHighlightBackground#1D1B2B20
- editor.rangeHighlightBorder#1D1B2B
- editor.selectionBackground#D4AF3740
- editor.selectionForeground#D4D9E5
- editor.selectionHighlightBackground#A8E6CF20
- editor.selectionHighlightBorder#A8E6CF
- editor.wordHighlightBackground#A8E6CF20
- editor.wordHighlightBorder#A8E6CF
- editor.wordHighlightStrongBackground#D4AF3720
- editor.wordHighlightStrongBorder#D4AF37
- editorBracketHighlight.foreground1#A8E6CF
- editorBracketHighlight.foreground2#D4AF37
- editorBracketHighlight.foreground3#8B7355
- editorBracketHighlight.foreground4#6B5B95
- editorBracketHighlight.foreground5#A8E6CF
- editorBracketHighlight.foreground6#D4AF37
- editorBracketHighlight.unexpectedBracket.foreground#E87070
- editorBracketMatch.background#D4AF3720
- editorBracketMatch.border#D4AF37
- editorCodeLens.foreground#6B5B95
- editorCursor.background#0D0B11
- editorCursor.foreground#D4AF37
- editorError.background#E8707010
- editorError.border#E87070
- editorError.foreground#E87070
- editorGroup.border#1D1B2B
- editorGroup.dropBackground#D4AF3740
- editorGroup.emptyBackground#0D0B11
- editorGroup.focusedEmptyBorder#D4AF37
- editorGroupHeader.tabsBackground#0D0B11
- editorGroupHeader.tabsBorder#1D1B2B
- editorGutter.addedBackground#A8E6CF
- editorGutter.background#0D0B11
- editorGutter.deletedBackground#E87070
- editorGutter.foldingControlForeground#6B5B95
- editorGutter.modifiedBackground#D4AF37
- editorHint.border#A8E6CF
- editorHint.foreground#A8E6CF
- editorIndentGuide.activeBackground1#1D1B2B99
- editorIndentGuide.background1#1D1B2B40
- editorInfo.background#A8E6CF10
- editorInfo.border#A8E6CF
- editorInfo.foreground#A8E6CF
- editorInlayHint.background#1D1B2B40
- editorInlayHint.foreground#A8A8BA
- editorInlayHint.parameterForeground#D4AF37
- editorInlayHint.typeForeground#A8E6CF
- editorLightBulb.foreground#D4AF37
- editorLightBulbAutoFix.foreground#A8E6CF
- editorLineNumber.activeForeground#D4AF37
- editorLineNumber.foreground#6B5B95
- editorLink.activeForeground#A8E6CF
- editorOverviewRuler.addedForeground#A8E6CF
- editorOverviewRuler.background#0D0B11
- editorOverviewRuler.border#1D1B2B
- editorOverviewRuler.bracketMatchForeground#D4AF3780
- editorOverviewRuler.deletedForeground#E87070
- editorOverviewRuler.errorForeground#E87070
- editorOverviewRuler.findMatchForeground#D4AF3780
- editorOverviewRuler.infoForeground#A8E6CF
- editorOverviewRuler.modifiedForeground#D4AF37
- editorOverviewRuler.rangeHighlightForeground#1D1B2B80
- editorOverviewRuler.selectionHighlightForeground#D4AF3780
- editorOverviewRuler.warningForeground#D4AF37
- editorOverviewRuler.wordHighlightForeground#A8E6CF80
- editorOverviewRuler.wordHighlightStrongForeground#D4AF3780
- editorUnnecessaryCode.border#D4AF3940
- editorUnnecessaryCode.opacity#00000050
- editorWarning.background#D4AF3710
- editorWarning.border#D4AF37
- editorWarning.foreground#D4AF37
- editorWhitespace.foreground#1D1B2B60
- errorForeground#D4AF37
- focusBorder#D4AF37
- foreground#D4D9E5
- icon.foreground#A8E6CF
- input.background#0D0B11
- input.border#1D1B2B
- input.foreground#D4D9E5
- input.placeholderForeground#6B5B95
- inputOption.activeBackground#D4AF3720
- inputOption.activeBorder#D4AF37
- inputValidation.errorBackground#E8707020
- inputValidation.errorBorder#E87070
- inputValidation.infoBackground#A8E6CF20
- inputValidation.infoBorder#A8E6CF
- inputValidation.warningBackground#D4AF3720
- inputValidation.warningBorder#D4AF37
- list.activeSelectionBackground#D4AF3740
- list.activeSelectionForeground#D4D9E5
- list.dropBackground#D4AF3720
- list.focusBackground#D4AF3730
- list.focusForeground#D4D9E5
- list.highlightForeground#A8E6CF
- list.hoverBackground#1D1B2B80
- list.hoverForeground#D4D9E5
- list.inactiveSelectionBackground#1D1B2B80
- list.inactiveSelectionForeground#D4D9E5
- list.invalidItemForeground#E87070
- panel.background#0D0B11
- panel.border#1D1B2B
- panelInput.border#1D1B2B
- panelTitle.activeBorder#D4AF37
- panelTitle.activeForeground#D4AF37
- panelTitle.inactiveForeground#6B5B95
- peekViewEditor.background#0D0B11
- peekViewEditor.matchHighlightBackground#D4AF3730
- peekViewEditor.matchHighlightBorder#D4AF37
- peekViewResult.background#0D0B11
- peekViewResult.fileForeground#D4D9E5
- peekViewResult.lineForeground#6B5B95
- peekViewResult.matchHighlightBackground#D4AF3730
- peekViewResult.selectionBackground#D4AF3740
- peekViewResult.selectionForeground#D4D9E5
- peekViewTitle.background#1D1B2B
- peekViewTitleDescription.foreground#6B5B95
- peekViewTitleLabel.foreground#D4AF37
- progressBar.background#A8E6CF
- sash.hoverBorder#D4AF37
- scrollbar.shadow#00000080
- scrollbarSlider.activeBackground#D4AF37CC
- scrollbarSlider.background#1D1B2B99
- scrollbarSlider.hoverBackground#1D1B2BCC
- selection.background#D4AF3740
- sideBar.background#0D0B11
- sideBar.border#1D1B2B
- sideBar.dropBackground#D4AF3740
- sideBar.foreground#D4D9E5
- sideBarSectionHeader.background#1D1B2B
- sideBarSectionHeader.border#1D1B2B
- sideBarSectionHeader.foreground#D4AF37
- sideBarTitle.foreground#D4D9E5
- statusBar.background#0D0B11
- statusBar.border#1D1B2B
- statusBar.debuggingBackground#D4AF37
- statusBar.debuggingForeground#0D0B11
- statusBar.foreground#D4D9E5
- statusBar.noFolderBackground#0D0B11
- statusBar.noFolderForeground#6B5B95
- statusBarItem.activeBackground#D4AF3740
- statusBarItem.hoverBackground#1D1B2B80
- statusBarItem.prominentBackground#D4AF37
- statusBarItem.prominentForeground#0D0B11
- statusBarItem.prominentHoverBackground#A8E6CF
- symbolIcon.arrayForeground#A8E6CF
- symbolIcon.booleanForeground#D4AF37
- symbolIcon.classForeground#D4AF37
- symbolIcon.colorForeground#A8E6CF
- symbolIcon.constantForeground#D4AF37
- symbolIcon.constructorForeground#D4AF37
- symbolIcon.enumeratorForeground#8B7355
- symbolIcon.enumeratorMemberForeground#A8E6CF
- symbolIcon.eventForeground#D4AF37
- symbolIcon.fieldForeground#A8E6CF
- symbolIcon.fileForeground#D4D9E5
- symbolIcon.folderForeground#D4AF37
- symbolIcon.functionForeground#D4AF37
- symbolIcon.interfaceForeground#8B7355
- symbolIcon.keyForeground#A8E6CF
- symbolIcon.keywordForeground#8B7355
- symbolIcon.methodForeground#D4AF37
- symbolIcon.moduleForeground#8B7355
- symbolIcon.namespaceForeground#A8E6CF
- symbolIcon.nullForeground#6B5B95
- symbolIcon.numberForeground#D4AF37
- symbolIcon.objectForeground#8B7355
- symbolIcon.operatorForeground#D4AF37
- symbolIcon.packageForeground#A8E6CF
- symbolIcon.propertyForeground#A8E6CF
- symbolIcon.referenceForeground#D4D9E5
- symbolIcon.snippetForeground#D4AF37
- symbolIcon.stringForeground#D4AF37
- symbolIcon.structForeground#8B7355
- symbolIcon.textForeground#D4D9E5
- symbolIcon.typeParameterForeground#A8E6CF
- symbolIcon.unitForeground#D4AF37
- symbolIcon.variableForeground#A8E6CF
- tab.activeBackground#1D1B2B
- tab.activeBorderTop#D4AF37
- tab.activeForeground#D4AF37
- tab.border#1D1B2B
- tab.hoverBackground#1D1B2B80
- tab.hoverBorder#D4AF37
- tab.inactiveBackground#0D0B11
- tab.inactiveForeground#6B5B95
- tab.unfocusedActiveBorder#6B5B95
- tab.unfocusedInactiveForeground#6B5B95
- terminal.ansiBlack#0D0B11
- terminal.ansiBlue#A8E6CF
- terminal.ansiBrightBlack#6B5B95
- terminal.ansiBrightBlue#B8D0E5
- terminal.ansiBrightCyan#A8E6CF
- terminal.ansiBrightGreen#C8F0E0
- terminal.ansiBrightMagenta#D4AF37
- terminal.ansiBrightRed#E8A0A0
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#E8C047
- terminal.ansiCyan#A8E6CF
- terminal.ansiGreen#A8E6CF
- terminal.ansiMagenta#D4AF37
- terminal.ansiRed#E87070
- terminal.ansiWhite#D4D9E5
- terminal.ansiYellow#D4AF37
- terminal.background#0D0B11
- terminal.border#1D1B2B
- terminal.findMatchBackground#D4AF3740
- terminal.findMatchBorder#D4AF37
- terminal.findMatchHighlightBackground#A8E6CF20
- terminal.foreground#D4D9E5
- terminal.hoverHighlightBackground#1D1B2B40
- terminal.selectionBackground#D4AF3730
- terminal.tab.activeBorder#D4AF37
- terminalCommandDecoration.defaultBackground#6B5B95
- terminalCommandDecoration.errorBackground#E87070
- terminalCommandDecoration.successBackground#A8E6CF
- terminalCursor.background#6B5B95
- terminalCursor.foreground#D4AF37
- terminalOverviewRuler.cursorForeground#D4AF37
- terminalOverviewRuler.findMatchForeground#D4AF37
- textLink.activeForeground#A8E6CF
- textLink.foreground#D4AF37
- titleBar.activeBackground#0a0a0a
- titleBar.activeForeground#aaaaaa
- titleBar.inactiveBackground#050505
- titleBar.inactiveForeground#666666
- tree.inactiveIndentGuidesStroke#1D1B2B40
- tree.indentGuidesStroke#1D1B2B99
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| text | #D4D9E5 | — |
| comment | #6B5B95 | italic |
| string | #D4AF37 | — |
| constant | #A8E6CF | — |
| variable | #D4D9E5 | |
| keyword | #8B7355 | — |
| storage | #8B7355 | — |
| entity.name.type | #A8E6CF | underline |
| entity.other.inherited-class | #A8E6CF | — |
| entity.name.function | #D4AF37 | — |
| support.function | #8B7355 | — |
| support.class | #A8E6CF | — |
| support.type | #A8E6CF | |
| tag | #D4AF37 | — |
| tag.attribute | #A8E6CF | — |
| support.other.variable | — | |
| invalid | #E87070 | — |
| invalid.deprecated | #E87070 | — |
| meta.class | #D4D9E5 | — |
| meta.method-call | #D4D9E5 | — |
| meta.property | #D4D9E5 | — |
| meta.function | #D4D9E5 | — |
| meta.tag | #D4D9E5 | — |
| meta.require | #D4AF37 | — |
| meta.selector | #D4D9E5 | — |
| meta.separator | #8B7355 | — |
| meta.annotation | #D4AF37 | — |
| entity.name.class | #A8E6CF | underline |
| entity.name.struct | #A8E6CF | underline |
| entity.name.enum | #A8E6CF | underline |
| entity.name.interface | #8B7355 | underline italic |
| entity.name.type.parameter | #8B7355 | italic |
| entity.name.namespace | #A8E6CF | — |
| entity.other.attribute-name | #A8E6CF | — |
| support.function.builtin | #8B7355 | — |
| support.function.magic | #D4AF37 | — |
| support.variable.property | #D4AF37 | — |
| support.variable.dom | #D4D9E5 | — |
| support.constant.property-value | #D4AF37 | — |
| support.type.property-name | #D4D9E5 | — |
| markup.heading | #D4AF37 | bold |
| markup.bold | #A8E6CF | bold |
| markup.italic | #D4AF37 | italic |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| markup.inserted | #A8E6CF | — |
| markup.deleted | #E87070 | — |
| markup.changed | #D4AF37 | — |
| markup.inline.raw | #A8E6CF | — |
| markup.raw.block | #D4D9E5 | — |
| markup.quote | #6B5B95 | italic |
| markup.list | #D4AF37 | — |
| markup.link | #8B7355 | underline |
| string.other.link.title.markdown | #8B7355 | — |
| string.other.link.description.markdown | #D4AF37 | — |
| markup.math | #A8E6CF | — |
| meta.diff.header | #A8E6CF | — |
| meta.diff.range | #D4AF37 | — |
| punctuation.definition.diff | #8B7355 | — |
| markup.fenced_code.block | #D4D9E5 | — |
| markup.code.span | #A8E6CF | — |
| meta.structure.dictionary.key | #D4AF37 | — |
| meta.structure.dictionary.value.string | #D4AF37 | — |