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#4BD28915
- activityBar.activeBorder#4BD289
- activityBar.activeFocusBorder#4BD289
- activityBar.background#0F1819
- activityBar.border#0F1819
- activityBar.foreground#E6F2F2
- activityBar.inactiveForeground#5A7A7F
- activityBarBadge.background#4BD289
- activityBarBadge.foreground#0F1819
- badge.background#4BD289
- badge.foreground#0F1819
- breadcrumb.activeSelectionForeground#4BD289
- breadcrumb.background#1A2324
- breadcrumb.focusForeground#E6F2F2
- breadcrumb.foreground#5A7A7F
- breadcrumbPicker.background#0F1819
- button.background#014651
- button.foreground#E6F2F2
- button.hoverBackground#016E7F
- button.secondaryBackground#1A2324
- button.secondaryForeground#E6F2F2
- button.secondaryHoverBackground#222D2E
- commandCenter.activeBackground#2A3C3D
- commandCenter.activeForeground#E6F2F2
- commandCenter.background#0F1819
- commandCenter.border#2A3C3D
- commandCenter.foreground#E6F2F2
- commandCenter.inactiveForeground#5A7A7F
- debugToolBar.background#0F1819
- debugToolBar.border#2A3C3D
- descriptionForeground#8AB3B6
- diffEditor.border#2A3C3D
- diffEditor.diagonalFill#2A3C3D80
- diffEditor.insertedLineBackground#4BD28910
- diffEditor.insertedTextBackground#4BD28920
- diffEditor.removedLineBackground#FF8C8C10
- diffEditor.removedTextBackground#FF8C8C20
- disabledForeground#5A7A7F99
- dropdown.background#1A2324
- dropdown.border#2A3C3D
- dropdown.foreground#E6F2F2
- dropdown.listBackground#1A2324
- editor.background#1A2324
- editor.findMatchBackground#D6F65C80
- editor.findMatchBorder#D6F65C
- editor.findMatchHighlightBackground#D6F65C40
- editor.findMatchHighlightBorder#D6F65C60
- editor.findRangeHighlightBackground#4BD28930
- editor.findRangeHighlightBorder#4BD28950
- editor.focusedStackFrameHighlightBackground#4BD28920
- editor.foldBackground#2A3C3D40
- editor.foreground#E6F2F2
- editor.hoverHighlightBackground#4BD28930
- editor.inactiveSelectionBackground#2A3C3D40
- editor.lineHighlightBackground#0F1819
- editor.lineHighlightBorder#0F1819
- editor.rangeHighlightBackground#4BD28915
- editor.rangeHighlightBorder#4BD28930
- editor.selectionBackground#2A3C3D80
- editor.selectionForeground#E6F2F2
- editor.selectionHighlightBackground#4BD28930
- editor.selectionHighlightBorder#4BD28950
- editor.stackFrameHighlightBackground#D6F65C20
- editor.symbolHighlightBackground#4BD28930
- editor.symbolHighlightBorder#4BD28950
- editor.wordHighlightBackground#4BD28920
- editor.wordHighlightBorder#4BD28950
- editor.wordHighlightStrongBackground#4BD28940
- editor.wordHighlightStrongBorder#4BD28970
- editorBracketMatch.background#2A3C3D80
- editorBracketMatch.border#4BD289
- editorCodeLens.foreground#5A7A7F
- editorCursor.foreground#D6F65C
- editorError.border#0F1819
- editorError.foreground#FF8C8C
- editorGroup.border#2A3C3D
- editorGroup.dropBackground#4BD28940
- editorGroup.emptyBackground#0F1819
- editorGroupHeader.border#0F1819
- editorGroupHeader.noTabsBackground#0F1819
- editorGroupHeader.tabsBackground#0F1819
- editorGroupHeader.tabsBorder#0F1819
- editorGutter.addedBackground#4BD289
- editorGutter.background#1A2324
- editorGutter.commentRangeForeground#5A7A7F
- editorGutter.deletedBackground#FF8C8C
- editorGutter.foldingControlForeground#5A7A7F
- editorGutter.modifiedBackground#016E7F
- editorHint.border#0F1819
- editorHint.foreground#4BD289
- editorHoverWidget.background#0F1819
- editorHoverWidget.border#2A3C3D
- editorHoverWidget.foreground#E6F2F2
- editorHoverWidget.highlightForeground#4BD289
- editorHoverWidget.statusBarBackground#1A2324
- editorIndentGuide.activeBackground1#3A5254
- editorIndentGuide.background1#2A3C3D
- editorInfo.border#0F1819
- editorInfo.foreground#016E7F
- editorLineNumber.activeForeground#8AB3B6
- editorLineNumber.foreground#3A5254
- editorLink.activeForeground#2DD17E
- editorOverviewRuler.addedForeground#4BD289
- editorOverviewRuler.border#0F1819
- editorOverviewRuler.bracketMatchForeground#4BD289
- editorOverviewRuler.deletedForeground#FF8C8C
- editorOverviewRuler.errorForeground#FF8C8C
- editorOverviewRuler.findMatchForeground#D6F65C80
- editorOverviewRuler.infoForeground#016E7F
- editorOverviewRuler.modifiedForeground#016E7F
- editorOverviewRuler.rangeHighlightForeground#4BD28980
- editorOverviewRuler.selectionHighlightForeground#4BD28980
- editorOverviewRuler.warningForeground#D6F65C
- editorOverviewRuler.wordHighlightForeground#4BD28980
- editorOverviewRuler.wordHighlightStrongForeground#2DD17E80
- editorRuler.foreground#2A3C3D
- editorSuggestWidget.background#0F1819
- editorSuggestWidget.border#2A3C3D
- editorSuggestWidget.foreground#E6F2F2
- editorSuggestWidget.highlightForeground#4BD289
- editorSuggestWidget.selectedBackground#2A3C3D
- editorSuggestWidget.selectedForeground#E6F2F2
- editorSuggestWidget.selectedIconForeground#D6F65C
- editorWarning.border#0F1819
- editorWarning.foreground#D6F65C
- editorWhitespace.foreground#3A525480
- editorWidget.background#0F1819
- editorWidget.border#2A3C3D
- editorWidget.resizeBorder#4BD289
- errorForeground#FF8C8C
- focusBorder#4BD289
- foreground#E6F2F2
- gitDecoration.conflictingResourceForeground#D6F65C
- gitDecoration.deletedResourceForeground#FF8C8C
- gitDecoration.ignoredResourceForeground#3A5254
- gitDecoration.modifiedResourceForeground#016E7F
- gitDecoration.submoduleResourceForeground#8AB3B6
- gitDecoration.untrackedResourceForeground#4BD289
- icon.foreground#D6F65C
- input.background#0F1819
- input.border#2A3C3D
- input.foreground#E6F2F2
- input.placeholderForeground#5A7A7F
- inputOption.activeBackground#4BD28920
- inputOption.activeBorder#4BD289
- inputValidation.errorBackground#FF8C8C20
- inputValidation.errorBorder#FF8C8C
- inputValidation.infoBackground#016E7F20
- inputValidation.infoBorder#016E7F
- inputValidation.warningBackground#D6F65C20
- inputValidation.warningBorder#D6F65C
- keybindingLabel.background#2A3C3D
- keybindingLabel.border#2A3C3D
- keybindingLabel.bottomBorder#2A3C3D
- keybindingLabel.foreground#E6F2F2
- list.activeSelectionBackground#014651
- list.activeSelectionForeground#E6F2F2
- list.activeSelectionIconForeground#D6F65C
- list.dropBackground#4BD28940
- list.errorForeground#FF8C8C
- list.focusBackground#01465180
- list.focusForeground#E6F2F2
- list.focusOutline#4BD289
- list.highlightForeground#4BD289
- list.hoverBackground#2A3C3D80
- list.hoverForeground#E6F2F2
- list.inactiveFocusOutline#2A3C3D
- list.inactiveSelectionBackground#2A3C3D80
- list.inactiveSelectionForeground#E6F2F2
- list.warningForeground#D6F65C
- listFilterWidget.background#0F1819
- listFilterWidget.noMatchesOutline#FF8C8C
- listFilterWidget.outline#4BD289
- menu.background#0F1819
- menu.border#2A3C3D
- menu.foreground#E6F2F2
- menu.selectionBackground#2A3C3D
- menu.selectionBorder#0F1819
- menu.selectionForeground#E6F2F2
- menu.separatorBackground#2A3C3D
- menubar.selectionBackground#2A3C3D
- menubar.selectionBorder#0F1819
- menubar.selectionForeground#E6F2F2
- notificationCenter.border#2A3C3D
- notificationCenterHeader.background#0F1819
- notificationCenterHeader.foreground#E6F2F2
- notificationLink.foreground#4BD289
- notifications.background#0F1819
- notifications.border#2A3C3D
- notifications.foreground#E6F2F2
- notificationsErrorIcon.foreground#FF8C8C
- notificationsInfoIcon.foreground#016E7F
- notificationsWarningIcon.foreground#D6F65C
- notificationToast.border#2A3C3D
- panel.background#1A2324
- panel.border#2A3C3D
- panel.dropBorder#4BD289
- panelTitle.activeBorder#4BD289
- panelTitle.activeForeground#E6F2F2
- panelTitle.inactiveForeground#5A7A7F
- peekView.border#4BD289
- peekViewEditor.background#0F1819
- peekViewEditor.matchHighlightBackground#D6F65C40
- peekViewEditor.matchHighlightBorder#D6F65C80
- peekViewResult.background#0F1819
- peekViewResult.matchHighlightBackground#D6F65C40
- peekViewResult.selectionBackground#2A3C3D
- peekViewResult.selectionForeground#E6F2F2
- peekViewTitle.background#0F1819
- peekViewTitleDescription.foreground#8AB3B6
- peekViewTitleLabel.foreground#E6F2F2
- pickerGroup.border#2A3C3D
- pickerGroup.foreground#4BD289
- progressBar.background#4BD289
- quickInput.background#0F1819
- quickInput.foreground#E6F2F2
- quickInputList.focusBackground#2A3C3D
- quickInputTitle.background#0F1819
- sash.hoverBorder#4BD289
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#4BD289CC
- scrollbarSlider.background#2A3C3D99
- scrollbarSlider.hoverBackground#2A3C3DCC
- selection.background#4BD28940
- sideBar.background#0F1819
- sideBar.border#0F1819
- sideBar.foreground#8AB3B6
- sideBarSectionHeader.background#0F1819
- sideBarSectionHeader.border#2A3C3D
- sideBarSectionHeader.foreground#E6F2F2
- sideBarTitle.foreground#E6F2F2
- statusBar.background#0F1819
- statusBar.border#0F1819
- statusBar.debuggingBackground#FF8C8C
- statusBar.debuggingBorder#0F1819
- statusBar.debuggingForeground#0F1819
- statusBar.foreground#E6F2F2
- statusBar.noFolderBackground#0F1819
- statusBar.noFolderBorder#0F1819
- statusBar.noFolderForeground#E6F2F2
- statusBarItem.activeBackground#2A3C3D
- statusBarItem.errorBackground#FF8C8C
- statusBarItem.errorForeground#0F1819
- statusBarItem.hoverBackground#2A3C3D80
- statusBarItem.prominentBackground#4BD289
- statusBarItem.prominentForeground#0F1819
- statusBarItem.prominentHoverBackground#2DD17E
- statusBarItem.remoteBackground#4BD289
- statusBarItem.remoteForeground#0F1819
- statusBarItem.warningBackground#D6F65C
- statusBarItem.warningForeground#0F1819
- symbolIcon.arrayForeground#D6F65C
- symbolIcon.booleanForeground#D6F65C
- symbolIcon.classForeground#016E7F
- symbolIcon.colorForeground#4BD289
- symbolIcon.constantForeground#D6F65C
- symbolIcon.constructorForeground#4BD289
- symbolIcon.enumeratorForeground#016E7F
- symbolIcon.enumeratorMemberForeground#016E7F
- symbolIcon.eventForeground#FF8C8C
- symbolIcon.fieldForeground#E6F2F2
- symbolIcon.fileForeground#8AB3B6
- symbolIcon.folderForeground#8AB3B6
- symbolIcon.functionForeground#4BD289
- symbolIcon.interfaceForeground#016E7F
- symbolIcon.keyForeground#016E7F
- symbolIcon.keywordForeground#014651
- symbolIcon.methodForeground#4BD289
- symbolIcon.moduleForeground#D6F65C
- symbolIcon.namespaceForeground#016E7F
- symbolIcon.nullForeground#D6F65C
- symbolIcon.numberForeground#D6F65C
- symbolIcon.objectForeground#D6F65C
- symbolIcon.operatorForeground#014651
- symbolIcon.packageForeground#4BD289
- symbolIcon.propertyForeground#E6F2F2
- symbolIcon.referenceForeground#D6F65C
- symbolIcon.snippetForeground#4BD289
- symbolIcon.stringForeground#4BD289
- symbolIcon.structForeground#016E7F
- symbolIcon.textForeground#E6F2F2
- symbolIcon.typeParameterForeground#016E7F
- symbolIcon.unitForeground#D6F65C
- symbolIcon.variableForeground#E6F2F2
- tab.activeBackground#1A2324
- tab.activeBorder#4BD289
- tab.activeBorderTop#4BD289
- tab.activeForeground#E6F2F2
- tab.border#0F1819
- tab.hoverBackground#1A2324
- tab.hoverBorder#2A3C3D
- tab.inactiveBackground#0F1819
- tab.inactiveForeground#5A7A7F
- tab.lastPinnedBorder#2A3C3D
- tab.unfocusedActiveBorder#2A3C3D
- tab.unfocusedActiveBorderTop#2A3C3D
- tab.unfocusedHoverBackground#1A2324
- tab.unfocusedHoverBorder#2A3C3D
- terminal.ansiBlack#0F1819
- terminal.ansiBlue#016E7F
- terminal.ansiBrightBlack#2A3C3D
- terminal.ansiBrightBlue#018A9F
- terminal.ansiBrightCyan#01B8D0
- terminal.ansiBrightGreen#2DD17E
- terminal.ansiBrightMagenta#7AFFC4
- terminal.ansiBrightRed#FFA8A8
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#E6FF7A
- terminal.ansiCyan#016E7F
- terminal.ansiGreen#4BD289
- terminal.ansiMagenta#4BD289
- terminal.ansiRed#FF8C8C
- terminal.ansiWhite#E6F2F2
- terminal.ansiYellow#D6F65C
- terminal.background#0F1819
- terminal.border#2A3C3D
- terminal.dropBackground#4BD28940
- terminal.foreground#E6F2F2
- terminal.tab.activeBorder#4BD289
- terminalCommandDecoration.defaultBackground#2A3C3D
- terminalCommandDecoration.errorBackground#FF8C8C40
- terminalCommandDecoration.successBackground#4BD28940
- terminalOverviewRuler.cursorForeground#D6F65C
- terminalOverviewRuler.findMatchForeground#D6F65C
- textLink.activeForeground#2DD17E
- textLink.foreground#4BD289
- titleBar.activeBackground#0F1819
- titleBar.activeForeground#E6F2F2
- titleBar.border#0F1819
- titleBar.inactiveBackground#0F1819
- titleBar.inactiveForeground#5A7A7F
- tree.inactiveIndentGuidesStroke#1A2324
- tree.indentGuidesStroke#2A3C3D
- tree.tableColumnsBorder#2A3C3D
- 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 | #E6F2F2 | — |
| comment, punctuation.definition.comment | #5A7A7F | italic |
| string | #4BD289 | — |
| constant, support.constant | #D6F65C | — |
| variable, support.variable | #E6F2F2 | — |
| keyword, storage.modifier, storage.type, storage.type.class | #014651 | — |
| storage | #014651 | — |
| entity.name.type | #016E7F | italic |
| entity.other.inherited-class | #018A9F | italic |
| entity.name.function | #4BD289 | — |
| support.function | #2DD17E | — |
| support.class | #016E7F | italic |
| support.type | #018A9F | italic |
| entity.name.tag | #014651 | — |
| entity.other.attribute-name | #D6F65C | — |
| support.other.variable | #E6F2F2 | — |
| invalid | #FF8C8C | underline |
| invalid.deprecated | #D6F65C | italic strikethrough |
| meta.class | #016E7F | — |
| meta.method-call | #4BD289 | — |
| meta.property-name | #E6F2F2 | — |
| meta.function | #4BD289 | — |
| meta.tag | #014651 | — |
| meta.require | #2DD17E | — |
| meta.selector | #014651 | — |
| meta.separator | #5A7A7F | — |
| meta.annotation | #D6F65C | — |
| meta.attribute-selector | #D6F65C | — |
| meta.brace | #8AB3B6 | — |
| meta.group.braces | #8AB3B6 | — |
| meta.embedded | #E6F2F2 | — |
| meta.embedded.block | #E6F2F2 | — |
| punctuation.definition.comment | #5A7A7F | — |
| punctuation.definition.string | #4BD289 | — |
| punctuation.definition.variable | #E6F2F2 | — |
| punctuation.definition.parameters | #8AB3B6 | — |
| punctuation.definition.array | #8AB3B6 | — |
| punctuation.definition.heading | #4BD289 | — |
| punctuation.definition.identity | #2DD17E | — |
| punctuation.definition.bold | #D6F65C | bold |
| punctuation.definition.italic | #4BD289 | italic |
| punctuation.section | #8AB3B6 | — |
| punctuation.section.embedded | #014651 | — |
| punctuation.terminator | #8AB3B6 | — |
| punctuation.separator | #8AB3B6 | — |
| punctuation.accessor | #8AB3B6 | — |
| keyword.control | #014651 | — |
| keyword.operator | #014651 | — |
| keyword.other | #014651 | — |
| keyword.operator.logical | #014651 | — |
| keyword.operator.bitwise | #014651 | — |
| keyword.operator.comparison | #014651 | — |
| keyword.operator.assignment | #014651 | — |
| keyword.operator.arithmetic | #014651 | — |
| keyword.operator.increment | #014651 | — |
| keyword.operator.decrement | #014651 | — |
| variable.language | #014651 | italic |
| variable.parameter | #8AB3B6 | italic |
| constant.character.escape | #D6F65C | — |
| constant.numeric | #D6F65C | — |
| constant.language | #D6F65C | — |
| constant.other | #D6F65C | — |
| entity.name.class | #016E7F | underline |
| entity.name.struct | #016E7F | underline |
| entity.name.enum | #016E7F | underline |
| entity.name.interface | #018A9F | underline italic |
| entity.name.type.parameter | #018A9F | italic |
| entity.name.namespace | #016E7F | — |
| entity.name.module | #016E7F | — |
| entity.name.package | #016E7F | — |
| entity.name.label | #8AB3B6 | — |
| entity.other.attribute-name | #D6F65C | — |
| entity.other.attribute-name.class | #016E7F | — |
| entity.other.attribute-name.id | #014651 | — |
| support.function.builtin | #2DD17E | — |
| support.function.magic | #4BD289 | — |
| support.variable.property | #4BD289 | — |
| support.variable.dom | #E6F2F2 | — |
| support.constant.property-value | #4BD289 | — |
| support.type.property-name | #E6F2F2 | — |
| markup.heading | #4BD289 | bold |
| markup.bold | #D6F65C | bold |
| markup.italic | #4BD289 | italic |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| markup.inserted | #4BD289 | — |
| markup.deleted | #FF8C8C | — |
| markup.changed | #D6F65C | — |
| markup.inline.raw | #016E7F | — |
| markup.raw.block | #E6F2F2 | — |
| markup.quote | #5A7A7F | italic |
| markup.list | #4BD289 | — |
| markup.link | #014651 | underline |
| string.other.link.title.markdown | #014651 | — |
| string.other.link.description.markdown | #4BD289 | — |
| markup.math | #D6F65C | — |
| meta.diff.header | #8AB3B6 | — |
| meta.diff.range | #D6F65C | — |
| punctuation.definition.diff | #014651 | — |
| markup.fenced_code.block | #E6F2F2 | — |
| markup.code.span | #016E7F | — |
| meta.structure.dictionary.key | #016E7F | — |
| meta.structure.dictionary.value.string | #4BD289 | — |