Melody Noir
Melody Noir is a calm, cinematic dark theme inspired by the mood and melody of a Patrick Watson song Melody Noir, crafted for distraction-free coding.
Theme Preview
Features
- Soft, desaturated syntax colors
- High contrast with low visual noise
- Carefully tuned UI & terminal colors
- Designed for long coding sessions
Installation
- Open Extensions sidebar in VS Code
- Search for
Melody Noir
- Click Install
- Press
Ctrl+Shift+P (or Cmd+Shift+P on Mac)
- Type
Preferences: Color Theme and select Malachite Starship (current theme accent)
Manual Installation
- Download the latest
.vsix file from Releases
- In VS Code, go to Extensions → ... → Install from VSIX
- Select the downloaded file
Color Palette
| Color |
Hex |
Usage |
| Primary Green |
#4BD289 |
Functions, strings, active elements |
| Secondary Green |
#2DD17E |
Highlight, success states |
| Lime Accent |
#D6F65C |
Numbers, constants, warnings |
| Teal |
#016E7F |
Types, classes, UI accents |
| Dark Teal |
#014651 |
Keywords, storage |
| Background |
#1A2324 |
Main editor background |
| Sidebar |
#0F1819 |
Side panels |
| Text |
#E6F2F2 |
Primary text |
| Muted Text |
#8AB3B6 |
Secondary text |
| Comments |
#5A7A7F |
Comments, disabled text |
| Error |
#FF8C8C |
Errors, deletions |
| Warning |
#D6F65C |
Warnings |
Customization
If you want to customize the theme:
- Install the theme
- Press
Ctrl+Shift+P (or Cmd+Shift+P on Mac)
- Type
Preferences: Open Settings (JSON)
- Add your customizations:
{
"workbench.colorCustomizations": {
"[Melody Noir]": {
"activityBar.background": "#your-color",
"editor.background": "#your-color"
}
}
}
| |
