Melody Noir

Color themes

• 

  Melody Noir

• 

  Melody Noir: Gorillaz Editions — Casablanca

• 

  Melody Noir: Gorillaz Editions — Delirium

• 

  Melody Noir: Gorillaz Editions — Orange County

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#050505
• activityBar.foreground#aaaaaa
• activityBar.inactiveForeground#666666
• activityBarBadge.background#66b395
• activityBarBadge.foreground#0d0d0d
• badge.background#ffffff17
• badge.foreground#aaaaaa
• breadcrumb.background#050505
• breadcrumb.focusForeground#ff8787
• breadcrumb.foreground#666666
• breadcrumbPicker.background#292929
• button.background#FF6E9D7F
• button.foreground#0d0d0d
• button.hoverBackground#FF6E9DAA
• button.secondaryBackground#050505
• button.secondaryForeground#dddddd
• button.secondaryHoverBackground#292929
• descriptionForeground#aaaaaa
• diffEditor.border#ffffff15
• diffEditor.diagonalFill#ffffff15
• diffEditor.insertedLineBackground#66b39530
• diffEditor.insertedTextBackground#66b39530
• diffEditor.insertedTextBorder#66b395
• diffEditor.removedLineBackground#ff878730
• diffEditor.removedTextBackground#ff878730
• diffEditor.removedTextBorder#ff8787
• disabledForeground#66666699
• dropdown.background#050505
• dropdown.border#ffffff3a
• dropdown.foreground#dddddd
• dropdown.listBackground#050505
• editor.background#0d0d0d
• editor.findMatchBackground#66b3954f
• editor.findMatchBorder#66b395
• editor.findMatchHighlightBackground#66b3952f
• editor.findMatchHighlightBorder#66b3955f
• editor.findRangeHighlightBackground#66b3952f
• editor.foldBackground#ff878730
• editor.foreground#dddddd
• editor.hoverHighlightBackground#ffffff0f
• editor.inactiveSelectionBackground#0f0f0f40
• editor.lineHighlightBackground#212121
• editor.lineHighlightBorder#212121
• editor.rangeHighlightBackground#ffffff0f
• editor.rangeHighlightBorder#ffffff0f
• editor.selectionBackground#ffffff1f
• editor.selectionForeground#dddddd
• editor.selectionHighlightBackground#66b3954f
• editor.selectionHighlightBorder#66b395
• editor.wordHighlightBackground#ffffff1f
• editor.wordHighlightBorder#ffffff1f
• editor.wordHighlightStrongBackground#ffffff1f
• editor.wordHighlightStrongBorder#ffffff1f
• editorBracketHighlight.foreground1#b5a165
• editorBracketHighlight.foreground2#5e9c84
• editorBracketHighlight.foreground3#8e7395
• editorBracketHighlight.foreground4#5a7aaa
• editorBracketHighlight.foreground5#b5a165
• editorBracketHighlight.foreground6#5e9c84
• editorBracketHighlight.unexpectedBracket.foreground#ff8787
• editorBracketMatch.background#66b3953f
• editorBracketMatch.border#66b395
• editorCodeLens.foreground#555555
• editorCursor.background#0d0d0d
• editorCursor.foreground#ff8787
• editorError.background#ff878710
• editorError.border#ff8787
• editorError.foreground#ff8787
• editorGroup.border#ffffff15
• editorGroup.dropBackground#ffffff10
• editorGroup.emptyBackground#050505
• editorGroup.focusedEmptyBorder#FF6E9D
• editorGroupHeader.tabsBackground#050505
• editorGroupHeader.tabsBorder#ffffff15
• editorGutter.addedBackground#66b395af
• editorGutter.background#0d0d0d
• editorGutter.deletedBackground#ff8787af
• editorGutter.foldingControlForeground#555555
• editorGutter.modifiedBackground#7098d4af
• editorHint.border#7098d4
• editorHint.foreground#7098d4
• editorIndentGuide.activeBackground1#ffffff3f
• editorIndentGuide.background1#ffffff15
• editorInfo.background#7098d410
• editorInfo.border#7098d4
• editorInfo.foreground#7098d4
• editorInlayHint.background#ffffff10
• editorInlayHint.foreground#ffffff6f
• editorInlayHint.parameterForeground#f6c177
• editorInlayHint.typeForeground#66b395
• editorLightBulb.foreground#e7d38f
• editorLightBulbAutoFix.foreground#66b395
• editorLineNumber.activeForeground#cccccc
• editorLineNumber.foreground#555555
• editorLink.activeForeground#ff8787
• editorOverviewRuler.addedForeground#66b395
• editorOverviewRuler.background#0d0d0d
• editorOverviewRuler.border#212121
• editorOverviewRuler.bracketMatchForeground#66b39580
• editorOverviewRuler.deletedForeground#ff8787
• editorOverviewRuler.errorForeground#ff8787
• editorOverviewRuler.findMatchForeground#66b39580
• editorOverviewRuler.infoForeground#7098d4
• editorOverviewRuler.modifiedForeground#7098d4
• editorOverviewRuler.rangeHighlightForeground#21212180
• editorOverviewRuler.selectionHighlightForeground#ffffff1f
• editorOverviewRuler.warningForeground#e7d38f
• editorOverviewRuler.wordHighlightForeground#66b39580
• editorOverviewRuler.wordHighlightStrongForeground#ff878780
• editorUnnecessaryCode.border#ff878740
• editorUnnecessaryCode.opacity#00000050
• editorWarning.background#e7d38f10
• editorWarning.border#e7d38f
• editorWarning.foreground#e7d38f
• editorWhitespace.foreground#ffffff15
• errorForeground#ff8787
• focusBorder#FF6E9D
• foreground#dddddd
• icon.foreground#ff8787
• input.background#0f0f0f
• input.border#ffffff07
• input.foreground#dddddd
• input.placeholderForeground#666666
• inputOption.activeBackground#ff878740
• inputOption.activeBorder#FF6E9D
• inputValidation.errorBackground#ff878740
• inputValidation.errorBorder#ff8787
• inputValidation.infoBackground#66b39520
• inputValidation.infoBorder#66b395
• inputValidation.warningBackground#ff878740
• inputValidation.warningBorder#ff8787
• list.activeSelectionBackground#0f0f0f
• list.activeSelectionForeground#dddddd
• list.dropBackground#ffffff10
• list.focusBackground#ffffff10
• list.focusForeground#dddddd
• list.highlightForeground#66b395
• list.hoverBackground#0f0f0f
• list.hoverForeground#dddddd
• list.inactiveSelectionBackground#0f0f0f
• list.inactiveSelectionForeground#dddddd
• list.invalidItemForeground#ff8787
• panel.background#050505
• panel.border#ffffff15
• panelInput.border#ffffff07
• panelTitle.activeBorder#ff8787
• panelTitle.activeForeground#ff8787
• panelTitle.inactiveForeground#666666
• peekViewEditor.background#181818
• peekViewEditor.matchHighlightBackground#66b3953f
• peekViewEditor.matchHighlightBorder#66b395
• peekViewResult.background#242424
• peekViewResult.fileForeground#d4d4d4
• peekViewResult.lineForeground#666666
• peekViewResult.matchHighlightBackground#66b3953f
• peekViewResult.selectionBackground#66b3953f
• peekViewResult.selectionForeground#dddddd
• peekViewTitle.background#292929
• peekViewTitleDescription.foreground#666666
• peekViewTitleLabel.foreground#ff8787
• progressBar.background#ff8787
• sash.hoverBorder#FF6E9D
• scrollbar.shadow#050505
• scrollbarSlider.activeBackground#ffffff37
• scrollbarSlider.background#ffffff17
• scrollbarSlider.hoverBackground#ffffff27
• selection.background#ff878740
• sideBar.background#050505
• sideBar.border#ffffff15
• sideBar.dropBackground#ffffff10
• sideBar.foreground#dddddd
• sideBarSectionHeader.background#050505
• sideBarSectionHeader.border#ffffff15
• sideBarSectionHeader.foreground#ff8787
• sideBarTitle.foreground#dddddd
• statusBar.background#050505
• statusBar.border#ffffff15
• statusBar.debuggingBackground#66b395
• statusBar.debuggingForeground#000000
• statusBar.foreground#777777
• statusBar.noFolderBackground#0d0d0d
• statusBar.noFolderForeground#777777
• statusBarItem.activeBackground#ff878740
• statusBarItem.hoverBackground#0f0f0f
• statusBarItem.prominentBackground#66b395
• statusBarItem.prominentForeground#000000
• statusBarItem.prominentHoverBackground#ff8787
• tab.activeBackground#0d0d0d
• tab.activeBorderTop#ff8787
• tab.activeForeground#ff8787
• tab.border#ffffff10
• tab.hoverBackground#0f0f0f
• tab.hoverBorder#FF6E9D
• tab.inactiveBackground#050505
• tab.inactiveForeground#666666
• tab.unfocusedActiveBorder#666666
• tab.unfocusedInactiveForeground#666666
• terminal.ansiBlack#333333
• terminal.ansiBlue#7098d4
• terminal.ansiBrightBlack#666666
• terminal.ansiBrightBlue#80a8e4
• terminal.ansiBrightCyan#7ac8d0
• terminal.ansiBrightGreen#76c3a5
• terminal.ansiBrightMagenta#c2a0ca
• terminal.ansiBrightRed#f48484
• terminal.ansiBrightWhite#f6f6f6
• terminal.ansiBrightYellow#f2d98e
• terminal.ansiCyan#6ab8c0
• terminal.ansiGreen#66b395
• terminal.ansiMagenta#b290ba
• terminal.ansiRed#e47474
• terminal.ansiWhite#dddddd
• terminal.ansiYellow#e2c97e
• terminal.background#050505
• terminal.border#ffffff15
• terminal.findMatchBackground#66b3954f
• terminal.findMatchBorder#66b395
• terminal.findMatchHighlightBackground#66b3952f
• terminal.foreground#c0c0c0
• terminal.hoverHighlightBackground#292929
• terminal.selectionBackground#292929
• terminal.tab.activeBorder#66b395
• terminalCommandDecoration.defaultBackground#555555
• terminalCommandDecoration.errorBackground#ff8787
• terminalCommandDecoration.successBackground#66b395
• terminalCursor.background#555555
• terminalCursor.foreground#ff8787
• terminalOverviewRuler.cursorForeground#ff8787
• terminalOverviewRuler.findMatchForeground#66b395
• textLink.activeForeground#ff8787
• textLink.foreground#FF6E9D
• titleBar.activeBackground#0a0a0a
• titleBar.activeForeground#aaaaaa
• titleBar.inactiveBackground#050505
• titleBar.inactiveForeground#666666
• tree.inactiveIndentGuidesStroke#ffffff0a
• tree.indentGuidesStroke#ffffff15
• widget.shadow#00000080

tokenColors

TextMate scopes and font styles (syntax highlighting rules).