A community-driven collection of themes for customizing Spotify through Spicetify

  • By null
  • Last update: Nov 21, 2022
  • Comments: 15

spicetify community themes

This is a collection of themes for spicetify, a command-line tool to customize Spotify.

You can add your own theme simply by opening a Pull Request (more info in CONTRIBUTING.md).

You can find a preview of all the themes in THEMES.md.

Notes:

  • These themes require you to have the latest version of Spotify and Spicetify.
  • To install Dribbblish, Turntable and Fluent themes - follow the instructions in their READMEs.
  • Spotify ad-blocked version is not supported.

Installation and usage

(If you use Arch Linux you can find this project on the AUR)

  1. Clone this repository. Make sure git is installed and run:

    git clone https://github.com/morpheusthewhite/spicetify-themes.git
  2. Copy the files into the Spicetify Themes folder. Run:

    Linux

    cd spicetify-themes
    cp -r * ~/.config/spicetify/Themes

    MacOS

    cd spicetify-themes
    cp -r * ~/.config/spicetify/Themes

    Windows

    cd spicetify-themes
    cp * "$(spicetify -c | Split-Path)\Themes\" -Recurse
  3. Choose which theme to apply just by running:

    spicetify config current_theme THEME_NAME

    Some themes have 2 or more different color schemes. After selecting the theme you can switch between them with:

    spicetify config color_scheme SCHEME_NAME

Extra

The _Extra folder contains additional resources for tweaking the look of Spotify. More info in its README.

Contributions

We've set up a separate document for our contribution guidelines.

Troubleshooting

Do not open issues for general support questions as we want to keep GitHub issues for bug reports and feature requests. If you find problems when using or installing these themes, or you need help in modifying a theme then ask for suggestions on the subreddit or on the Discord Server.

Use GitHub issues ONLY for bugs and requesting new features.

If you are unsure about which channel to use, go for Reddit or Discord.

Useful resources

Github

https://github.com/morpheusthewhite/spicetify-themes

Comments(15)

  • 1

    Playlist images not aligned correctly within sidebar when using Dribbblish

    Describe the bug Playlist pictures are not centred within the in the sidebar, or within the selected highlight. I've seen this in a bunch of screenshots so I'm sure it's not unique to my environment. image

    Expected behavior Setting margin to 10px auto on .playlist-picture seems to fix it for me, but I'm not sure how portable that is. image

    Specifics (please complete the following information):

    • OS: macOS
    • Spotify version: 1.1.54.592.gc0b20638
    • Spicetify version: 1.2.1
    • Theme name: Dribbblish
  • 2

    Theme migration progress

    Themes need to be updated to support new UI and Spicetify and branch v2 has been created in this repository for the purpose.

    Here I will list all the themes and the update progress, tagging maintainers of the existing who are able and want to contribute. As some themes in this repository are very similar they can be merged into a single updated theme with multiple color schemes. Please refer to the README in the new branch for all the information

    • [x] Default (from Adapta-Nokto, Ark-Dark, Ark-Green, Blueballs, DeepCoral, Discord, Dobbo, Flatten, Gruvbox-Gold, Kaapi, Matcha, Midnight-Light, NightOwl, Phosphoria, Vaporwave, YoutubeDark)
    • [x] Sleek (from BIB-Green, Black, BladeRunner, Challenger-Deep, Cherry, DanDrumStoneNew, Dark, Dracula, Elementary, Gradianto, JarvisBot, Material-Ocean, MoonChild, Night, NightMoon, Nord, NoSleep, OneDarkish, Otto, OutrunDark, OldSchoolSenn, Pop-Dark, Twasi, SolarizedDark, Sweet, Tidal, TrekyGoldenrod, TychoAwake, WintergatanBlueprint)
    • [x] BurntSienna (from BurntSienna, @pjaspinski)
    • [x] Dribbblish (from Dribbblish, DribbblishDynamic, @khanhas @JulienMaille)
    • [x] Onepunch (from Onepunch, @okarin001)
    • [ ] ShadowCustom (from ShadowCustom, @CallMeVorex)
    • [ ] Spicy (from Spicy)
    • [x] Turntable (from Turntable, @grasonchan)

    Please mention the people who contributed to color schemes and themes in each theme README.

  • 3

    [Dribbblish] Playlists not showing correctly

    In the screenshots it seems like the big cover photos (see Jacob Lee image) of playlists and artists are much more high-res in your screenshots, than they are on my machine after applying the theme. Do you have any idea why that might be happening ? Apart from that I love the idea of the theme, great job !!

  • 4

    Fluent BUG

    Describe the bug You can see the bug in the photo, and i've got the font too

    Screenshots https://imgur.com/a/93M0aj9

    Logs vendor~xpui.js:29 [Deprecation] SharedArrayBuffer will require cross-origin isolation as of M92, around July 2021. See https://developer.chrome.com/blog/enabling-shared-array-buffer/ for more details. 7673 @ vendor~xpui.js:29 vendor~xpui.js:29 Uncaught (in promise) TransportError: Cannot authenticate disconnected transport. at U._authenticate (vendor~xpui.js:29) at U.authenticate (vendor~xpui.js:29) at e.request (vendor~xpui.js:29) at e.resolveConfig (vendor~xpui.js:29) at t. (vendor~xpui.js:29) at vendor~xpui.js:29 at Object.next (vendor~xpui.js:29) at vendor~xpui.js:29 at new Promise () at Oe (vendor~xpui.js:29) at t.fetch (vendor~xpui.js:29) at vendor~xpui.js:29 at vendor~xpui.js:29 vendor~xpui.js:1 MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 change listeners added. Use emitter.setMaxListeners() to increase limit at u (https://xpui.app.spotify.com/vendor~xpui.js:29:2062756) at t.o.addListener (https://xpui.app.spotify.com/vendor~xpui.js:29:2065038) at https://xpui.app.spotify.com/vendor~xpui.js:29:1517483 at Ia (https://xpui.app.spotify.com/vendor~xpui.js:29:2346873) at Ps (https://xpui.app.spotify.com/vendor~xpui.js:29:2370725) at t.unstable_runWithPriority (https://xpui.app.spotify.com/vendor~xpui.js:29:2556856) at hi (https://xpui.app.spotify.com/vendor~xpui.js:29:2316381) at Rs (https://xpui.app.spotify.com/vendor~xpui.js:29:2370504) at Ts (https://xpui.app.spotify.com/vendor~xpui.js:29:2355275) at gs (https://xpui.app.spotify.com/vendor~xpui.js:29:2354197) at https://xpui.app.spotify.com/vendor~xpui.js:29:2316653 at t.unstable_runWithPriority (https://xpui.app.spotify.com/vendor~xpui.js:29:2556856) at hi (https://xpui.app.spotify.com/vendor~xpui.js:29:2316381) at _i (https://xpui.app.spotify.com/vendor~xpui.js:29:2316598) at gi (https://xpui.app.spotify.com/vendor~xpui.js:29:2316533) at hs (https://xpui.app.spotify.com/vendor~xpui.js:29:2353190) at Object.enqueueSetState (https://xpui.app.spotify.com/vendor~xpui.js:29:2321346) at bE.E.setState (https://xpui.app.spotify.com/vendor~xpui.js:29:2491529) at bE.componentDidMount (https://xpui.app.spotify.com/xpui.js:1:532305)

    ==========================================================

    • OS: Windows
    • Spotify version Lastest
    • Spicetify version Lastest
    • Fluent
  • 5

    DribbblishDynamic Spotify No Control Wont Open

    Describe the bug Spotify will open normally when launching straight from the source application, but when using DribbblishDynamic nocontrol shortcut a cmd flashes then spotify doesnt open, A reinstall and restart of pc did not help.

    Expected behavior To launch spotify without controls

    Specifics (please complete the following information):

    • OS: Windows
    • Spotify version Latest
    • Spicetify version Latest
    • DribbblishDynamic
  • 6

    Some Sidebar Icons Don't Load

    Hello! some of the icons on the left sidebar refuse to load, but are still clickable. It might be that I'm using an older version of Spotify, I'm not quite sure. If you can't help me because of that, could I be pointed in a direction to make my own fix? Either / or works. image

    Also, I dug into the code, found this: image That's probably what needs fixed, but I don't know how, I haven't been messing with Spotify long enough.

    Also, if there's no forseeable fix, I can kinda just live with it, but fixing it is preferred :) Thanks for reading, and thanks in advance for any advice thrown my way!

  • 7

    [Fluent] Sidebar Playlist icons bug

    Describe the bug When Scrolling down in the sidebar, the Playlist Pictures disappear. Maybe something similar to #567?

    To Reproduce Steps to reproduce the behavior:

    1. Start spotify.
    2. Scroll down to the bottom in the left sidebar with the playlists
    3. Scroll up to to the top again
    4. All the playlist icons that were scrolled "under" the Liked Songs, now have no icons.

    Expected behavior When scrolling down and up again, the playlist icons don't change at all.

    Screenshots Step 1 - Before: image

    Step 2 - Scroll down: image

    Step 3 - Scroll up again: image

    Logs

    fluent.js:77 Uncaught TypeError: Cannot read properties of undefined (reading 'Translations')
        at fluent.js:77
    vendor~xpui.js:29 MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 change listeners added. Use emitter.setMaxListeners() to increase limit
        at c (https://xpui.app.spotify.com/vendor~xpui.js:29:2492684)
        at t.o.addListener (https://xpui.app.spotify.com/vendor~xpui.js:29:2495268)
        at https://xpui.app.spotify.com/vendor~xpui.js:29:2135437
        at Pa (https://xpui.app.spotify.com/vendor~xpui.js:29:2730563)
        at ks (https://xpui.app.spotify.com/vendor~xpui.js:29:2754295)
        at t.unstable_runWithPriority (https://xpui.app.spotify.com/vendor~xpui.js:29:2967887)
        at hi (https://xpui.app.spotify.com/vendor~xpui.js:29:2700099)
        at Is (https://xpui.app.spotify.com/vendor~xpui.js:29:2754074)
        at Os (https://xpui.app.spotify.com/vendor~xpui.js:29:2738953)
        at vs (https://xpui.app.spotify.com/vendor~xpui.js:29:2737875)
    c @ vendor~xpui.js:29
    xpui.js:1 cosmos-connector:  fetchAdForSlot endpoint=%o sp://ads/v1/ads/hpto
    DevTools failed to load source map: Could not load content for https://xpui.app.spotify.com/vendor~xpui.js.map: Connection error: net::ERR_NAME_NOT_RESOLVED
    DevTools failed to load source map: Could not load content for https://xpui.app.spotify.com/xpui.js.map: Connection error: net::ERR_NAME_NOT_RESOLVED
    DevTools failed to load source map: Could not load content for https://xpui.app.spotify.com/644.js.map: Connection error: net::ERR_NAME_NOT_RESOLVED
    DevTools failed to load source map: Could not load content for https://xpui.app.spotify.com/xpui-desktop-routes-homepage-takeover-ad.js.map: Connection error: net::ERR_NAME_NOT_RESOLVED
    DevTools failed to load source map: Could not load content for https://xpui.app.spotify.com/596.js.map: Connection error: net::ERR_NAME_NOT_RESOLVED
    DevTools failed to load source map: Could not load content for https://xpui.app.spotify.com/xpui-routes-home.js.map: Connection error: net::ERR_NAME_NOT_RESOLVED
    DevTools failed to load source map: Could not load content for https://xpui.app.spotify.com/xpui-desktop-modals.js.map: Connection error: net::ERR_NAME_NOT_RESOLVED
    

    Specifics

    • OS: [Windows 11 Ver. 10.0.22499 Buiild 22499]
    • Spotify version [1.1.72.439.gc253025e]
    • Spicetify version [2.8.1]
    • Fluent
  • 8

    [DribblishDynamic] Fix some icons in the left toolbar.

    Since we use a loop to update colors in iframes now, we can get rid of manually updating colors of hardcoded iframes.

    Screenshot_20210214_211526 Screenshot_20210214_212845

    • Also fixed left toolbar icons for Reddit, Made for you and Recently Played sections.

      Their positions (from the top) are in brackets:

      • Reddit (5th)
      • Made for you (7th)
      • Recently Played (8th)
  • 9

    Color bug

    Colors look weird and not like on the provided images, the "surroundings" of the main fg have the same color as the fg. I checked the color.api file and the colors were set correct there, but it looks completely different in my spotify. I followed all the steps on how to install and got no errors. This happens to all themes but I used the horizon theme in this image https://user-images.githubusercontent.com/76516169/103477614-dc4c9c80-4dc0-11eb-8172-8912a279d741.png

  • 10

    Dribbblish looks broken

    My Dribbblish broke after restarting pc (idk why), its positioning seems all broken, idk if it had some update after restarting.

    I already tried: reinstalling spotify, reinstalling spicetify and reinstalling Dribblish, none of those helped

    I would love to know if there is any fix thanks <3

    Also if it helps, i enabled devtools and it gave me this error:

    Uncaught TypeError: Cannot read property 'offsetLeft' of null
        at updateProgTime (dribbblish.js:157)
        at Dribbblish (dribbblish.js:172)
        at r (vendor~xpui.js:1)
    

    pic of how it is (it is with windows controls since i reinstalled everything): aHxvqjf

  • 11

    Migrate all themes to new spotify ui.

    Hello.

    All themes should be migrated to the new UI, in a roll-out type style.

    As in, new branch, and then, in a few months, when the new UI is normalized - merge it into stable. This would mean people have time to migrate, and would also give the maintainers enough time.

    If you have a Discord, I'd love to chat with you and about how I can help out. Just to get into some further details. I'll be happy to help out.

  • 12

    Album covers bugged, as well as various sliders and bars

    Described in title, present in most themes. Been like this for the better part of a year, unless I've missed a solution somewhere? Spicetify is version 2.14.3.

    image image

  • 13

    [Dribbblish] Missing theme apply to settings drop down menus

    Describe the bug Elements in settings UI doesn't have the theme applied properly.

    To Reproduce Go to settings. Choose any option with drop down menu.

    Expected behavior Theme applied but the drop down background/foreground color isn't consistent with the UI.

    Screenshots Base: image Gruvbox: image

  • 14

    [Sleek] Playback bar offset when listening on another device

    Describe the bug

    When listening on another device, the playback bar is offset way off of where it is supposed to be.

    Expected behavior

    The playback bar should display in the same spot that it normally displays.

    Screenshots

    Playback bar is offset

    Logs

    Console logs

    Specifics (please complete the following information):

    • OS: ZorinOS 16 Pro
    • Spotify version: 1.1.84.716.gc5f8b819
    • Spicetify version: 2.14.1
    • Theme name: Sleek (Color scheme is Elementary)
  • 15

    [Onepunch Dark]Weird shadow things in song title.

    Describe the bug When i play a song, the title shows weird shadows things on the side.

    Steps to reproduce the behavior: Play any song See error

    Screenshots See the picture shown here. https://imgur.com/a/Ko0zmxq

    Specifics:

    OS: openSUSE Tumbleweed Spotify version: Latest Spicetify version: Latest Theme name: Onepunch (Dark variant)