Customize every Spotify color from the Settings page — in real time.
ChromaShift is a Spicetify extension that lets you change Spotify's colors without touching any theme files. Everything is done through a clean interface injected right into Settings.
If Chromashift doesn't work first check our status page or site
| Feature | Description |
|---|---|
| 7 Presets | Spotify Default, Midnight Blue, Rose Gold, Forest, Cyberpunk, Monochrome, Light Mode |
| 13+ color variables | Text, subtext, backgrounds, highlights, accent, buttons, sidebar, player, cards, notifications |
| Live preview | Colors update instantly as you move the picker |
| Full override | Overrides both legacy --spice-* and modern --encore-* Spotify tokens |
| Persistent | Colors are saved via Spicetify.LocalStorage and applied on every launch |
| Export / Import | Share your theme as a .json file |
| AutoUpdater Checker | Extension auto check new updates |
| Language Traslator | Available language: 🇬🇧 / 🇺🇸 / 🇮🇹 / 🇩🇪 / 🇫🇷 / 🇪🇸 / 🇷🇺 / 🇨🇳 |
| Online Cloud | https://chromashift.qzz.io (only after login/register) |
- Open Spotify with Spicetify installed
- Click the Marketplace icon in the top bar
- Search for ChromaShift
- Click Install
# macOS / Linux
cp chromashift.js ~/.config/spicetify/Extensions/
spicetify config extensions chromashift.js
spicetify apply
# Windows (PowerShell)
cp chromashift.js "$env:APPDATA\spicetify\Extensions\"
spicetify config extensions chromashift.js
spicetify apply- Main text
- Subtext
- Main background
- Elevated background
- Hover / selection
- Elevated hover
- Accent color
- Primary button
- Disabled button
- Sidebar
- Player bar
- Cards
- Notifications
- Scroll to the ChromaShift section at settings page
- Pick a preset or click any color circle to open the picker
- Colors update live as you drag the picker
- Click Save & Apply to persist your changes
Login to https://chromashift.qzz.io/ Authorise Cloude integration in "Cloud" section
- Export: click "Push to cloud" — All presets are put on the web cloud
- Import: click "Pull from cloud" — Presets saved in the cloud that are not already present locally will be added
ChromaShift overrides:
- All
--spice-*CSS variables (Spicetify legacy theming layer) - All
--encore-base-color-*tokens (Spotify's Encore design system base) - All
--encore-color-*semantic tokens - Specific hardcoded element selectors where Spotify ignores CSS variables
This ensures changes apply to every visible element in the UI.
PRs welcome! If you've created a great color scheme, open a PR to add it as an official preset and if you want your name will be added to the preset list.
- Issue: github.com/stafaceriani/chromashift/issues
- Discord: .gg/pVZHxKW5KN
- Website: https://chromashift.qzz.io/
 |
 |
 |
 |
 |
 |
 |
