julienmaille / spicetify-dynamic-theme

A theme for Spicetify with support for light/dark modes and album art based colors.

DefaultDynamic for Spicetify

This is a tweaked version of the Default theme. The main differences are the light/dark toggle, the background cover and the dynamic highlight color, ie. it will match the current album art.

Preview

Install / Update

Make sure you are using latest releases of Spicetify and Spotify

Windows (PowerShell)

Invoke-WebRequest -UseBasicParsing "https://raw.githubusercontent.com/JulienMaille/spicetify-dynamic-theme/master/install.ps1" | Invoke-Expression

Linux/MacOS (Bash)

curl -fsSL https://raw.githubusercontent.com/JulienMaille/spicetify-dynamic-theme/master/install.sh | sh

Manual Install

1. Download the latest Source code (zip)
2. Extract the files to your Spicetify/Themes folder (rename the zipped folder to DefaultDynamic)
3. Copy default-dynamic.js to your Spicetify/Extensions folder
4. Add the 2 lines in [Patch] section of the config file (see details below)
5. Run:

   spicetify config extensions default-dynamic.js extensions Vibrant.min.js
   spicetify config current_theme DefaultDynamic
   spicetify config color_scheme base
   spicetify config inject_css 1 replace_colors 1
   spicetify apply
   

IMPORTANT!

From Spotify > v1.1.62, in sidebar, they use an adaptive render mechanic to actively show and hide items on scroll. It helps reducing number of items to render, hence there is significant performance boost if you have a large playlists collection. But the drawbacks is that item height is hard-coded, it messes up user interaction when we explicitly change, in CSS, playlist item height bigger than original value. So you need to add these 2 lines in Patch section in config file:

To patch the Spotify config file follow these steps:

• Run Spicetify and make sure the config file is created successfully. You can find the config file in \spicetify or in the installation folder returned by spicetify -c.
• Open the config file with a text editor and find the [Patch] section. Add these two lines at the end of the section:

   [Patch]
   xpui.js_find_8008 = ,(\w+=)32,
   xpui.js_repl_8008 = ,${1}28,

• Save the config file and run spicetify backup apply in the terminal or command prompt. This will back up and patch the Spotify files with your changes. If Everything is successful, youll see

  Patching:
  success "xpui.js_find_8008" is patched
  

• Restart Spotify and enjoy your Spicetify theme without the sidebar issue.

Follow system dark/light theme (PowerShell)

Automatic dark mode is broken on MacOs and Linux. From Spotify > v1.2.17, dark mode is forced in Windows builds. You will need to patch Spotify.exe using this script:

Invoke-WebRequest -UseBasicParsing "https://raw.githubusercontent.com/JulienMaille/spicetify-dynamic-theme/master/patch-dark-mode.ps1" | Invoke-Expression

Uninstall

Windows (PowerShell)

Invoke-WebRequest -UseBasicParsing "https://raw.githubusercontent.com/JulienMaille/spicetify-dynamic-theme/master/uninstall.ps1" | Invoke-Expression

Linux/MacOS (Bash)

curl -fsSL https://raw.githubusercontent.com/JulienMaille/spicetify-dynamic-theme/master/uninstall.sh | sh

Manual Uninstall

1. Remove Patch lines you added in config file earlier.
2. Run:

   spicetify config current_theme " " color_scheme " " extensions default-dynamic.js- extensions Vibrant.min.js-
   spicetify apply
   

spicetify-dynamic-theme's Issues

A new feature causes the video card to be fully loaded

Describe the bug
A new feature causes the video card to be fully loaded, namely: Video effects in the background load the video card to its fullest.

Screenshots

Desktop Setup

• Operating System: Windows 10 Pro Version 22H2
• Spotify: 64-bit 1.2.16.947.gcfbaa410
• Spicetify: Spicetify v2.22.1
• Theme: newest

Logs

[Initializing Spicetify Marketplace v0.8.8
extension.js:1 Loaded Marketplace extension
xpui.js:1 cosmos-connector:  fetchAdForSlot endpoint=%o sp://ads/v1/ads/hpto
 The following functions are deprecated: googletag.pubads().setTagForChildDirectedTreatment(), googletag.pubads().clearTagForChildDirectedTreatment(), googletag.pubads().setRequestNonPersonalizedAds(), and googletag.pubads().setTagForUnderAgeOfConsent(). Please use googletag.pubads().setPrivacySettings() instead.
xx @ securepubads.g.doubl…1/pubads_impl.js:10
raw.githubusercontent.com/spicetify/spicetify-marketplace/main/manifest.json:1     Failed to load resource: the server responded with a status of 404 ()
default-dynamic.js?time=1690841036329:285 ReferenceError: Vibrant is not defined
    at pickCoverColor (default-dynamic.js?time=1690841036329:277:28)
    at registerCoverListener (default-dynamic.js?time=1690841036329:296:5)
    at default-dynamic.js?time=1690841036329:313:1
pickCoverColor @ default-dynamic.js?time=1690841036329:285
gew4-spclient.spotify.com/remote-config-resolver/v3/configuration:1     Failed to load resource: the server responded with a status of 404 ()
vendor~xpui.js:29 provider:transport resolve error A Object
f @ vendor~xpui.js:29
index.html:1 Uncaught (in promise) A
vendor~xpui.js:29 NotFoundError: GET request to sp://core-playlist/v1/playlist/spotify%3Aplaylist%3A37i9dQZF1EYkqdzj48dyYq/?responseFormat=protobufJson&start=0&length=0 failed with status code 404
    at l.onSuccess (xpui.js:1:1902350)
    at onSuccess (xpui.js:1:1902164)
onError @ vendor~xpui.js:29
raw.githubusercontent.com/3raxton/spicetify-custom-apps-and-extensions/main/manifest.json:1     Failed to load resource: the server responded with a status of 404 ()
raw.githubusercontent.com/TheRandomLabs/Scoop-Spotify/master/manifest.json:1     Failed to load resource: the server responded with a status of 404 ()
vendor~xpui.js:29 NotFoundError: GET request to sp://core-playlist/v1/playlist/spotify%3Aplaylist%3A37i9dQZF1EYkqdzj48dyYq/?responseFormat=protobufJson&start=0&length=0 failed with status code 404
    at l.onSuccess (xpui.js:1:1902350)
    at onSuccess (xpui.js:1:1902164)
onError @ vendor~xpui.js:29
xpui.js:1 NotFoundError: SUB request to sp://ads/v1/slots/leaderboard failed with status code 404
    at l.onSuccess (xpui.js:1:1902350)
    at onSuccess (xpui.js:1:1902164)
n @ xpui.js:1
xpui.js:1 Uncaught (in promise) NotFoundError: GET request to sp://ads/v1/settings/leaderboard failed with status code 404
    at l.onSuccess (xpui.js:1:1902350)
    at onSuccess (xpui.js:1:1902164)
raw.githubusercontent.com/itsmeow/Spicetify-Canvas/master/manifest.json:1     Failed to load resource: the server responded with a status of 404 ()
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/home-hpto.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/1274.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/9601.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
DevTools failed to load source map: Could not load content for https://xpui.app.spotify.com/5621.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/home-v2.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/8736.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-collection-songs.js.map: Connection error: net::ERR_NAME_NOT_RESOLVED
vendor~xpui.js:29 NotFoundError: GET request to sp://core-playlist/v1/playlist/spotify%3Aplaylist%3A37i9dQZF1EYkqdzj48dyYq/?responseFormat=protobufJson&start=0&length=0 failed with status code 404
    at l.onSuccess (xpui.js:1:1902350)
    at onSuccess (xpui.js:1:1902164)
onError @ vendor~xpui.js:29
h @ vendor~xpui.js:29
(anonymous) @ vendor~xpui.js:29
Promise.catch (async)
l @ vendor~xpui.js:29
(anonymous) @ vendor~xpui.js:29
Promise.then (async)
(anonymous) @ vendor~xpui.js:29
Promise.catch (async)
l @ vendor~xpui.js:29
(anonymous) @ vendor~xpui.js:29
extension.js:1     GET https://raw.githubusercontent.com/getomni/spicetify/main/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/schnensch0/ziro/main/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/Darkempire78/Fast-BlockTheSpot-And-Spicetify-Update/main/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/axieum/jasmine-spicetify-theme/master/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/yougotwill/Koushi/main/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/Darkempire78/Dracula-Spicetify/master/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/TheFermi0n/Onepunch/main/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/spotify-util/ViewPlaylistsWithSong/main/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/canbeardig/Spicetify-Orchis-Colours-v2/main/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/Dueel/dotfiles/main/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/Vicente015/spicetify-config/master/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/th3an7/SpicetifyThings/master/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/3raxton/NoSleep/master/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/yutakobayashidev/spotify-redesign/main/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/amanharwara/spicetify-autoVolume/master/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/aiden04/spicetify-gui/main/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/nm-nvan/spicetify-twitter/main/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/shvedes/Gruvboxy/main/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/Aluulu/spicetify-install-script/main/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/aetriusgx/spicetify-dark-mint/master/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/canbeardig/Spicetify-Orchis-Colours/main/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/hrvstr/spicetify-macos-theme/master/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/AndrisRio/MoereauLibX/main/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/ethnzhng/Termify/main/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/Daksh777/SpicetifyTheme/main/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/Lylythii/SpicetifyAddons/main/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/zurrty/spicetify-night/master/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/misspent/Spicetify-Darkened/main/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/elizabeth-c-chen/retreon-ziro/master/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/aaronbeckmann/spicetify-dribbblish-RGB/main/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/Coordinate-Cat/personal-spicetify/master/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/cyacedev/spicetify-FullBlack/master/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/h1toru/SPT/master/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/einzigartigerName/spicetify-history/main/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/brickfrog/Xresources-spicetify/master/manifest.json 404
R @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
extension.js:1     GET https://raw.githubusercontent.com/FlafyDev/spotify-listen-together-server/main/manifest.json 404
R @ ex]

[BUG] Track selection color is too bleak in Light mode

Describe the bug
Almost impossible to make out the selection

To Reproduce
Click on any track while in the Light mode

Screenshots

Desktop:

• OS: macOS 11.6
• Spicetify: v2.7.1
• Spotify: Spotify for macOS (Apple Silicon) 1.1.71.560.gc21c3367
• spicetify-dynamic-theme: latest

Version out of date in code

Describe the bug
Updated to latest version (3.6), but the current variable in the code hasn't been updated to match, so the extension detects an update is available and nags me about it in the top right.

On a side note, clicking the link in the button also toggles dark mode, which is probably unexpected behaviour and blinded me a little when I wasn't expecting it.

To Reproduce
Steps to reproduce the behavior:

1. Open Spotify with latest version of theme installed

Screenshots

[BUG] Names dont show in light mode

Describe the bug
A clear and concise description of what the bug is.
The names of your friends and the things they listened to don't change when going into light mode
To Reproduce
Steps to reproduce the behavior:
Have Facebook friends on
turn on light mode
Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS] Windows
• Version [e.g. 22] 1.1.72

Logs
Add logs from console. To do that

1. Run spicetify enable-devtools in terminal
2. Spotify will be restarted
3. Hit Ctrl + Shift + I to open DevTools window
4. Navigate to tab Console
5. Copy console window content.

(Please paste here console logs or attach a screenshot)

Doesn't sync with device theme on Linux

Describe the bug
Spotify is not syncing light/dark mode on Linux

To Reproduce
Steps to reproduce the behavior:

1. Open spotify
2. Spotify will always default to dark mode even if you have light mode enabled on your system

Desktop Setup

• Operating System: Fedora Linux 39
• Spotify: 1.2.26.1187.g36b715a1 (Flatpak)
• Spicetify: 2.29.1
• Theme: 4.8

Logs

Side note:
Dev tools seems also to default to dark mode even with the theme set to "system preference" and light mode enabled on my system

Missing Dark Mode and Theme falsley applying, for some reason when i try to apply the Theme.

For some reason when i apply the theme the dynamic part of it works but i dont have a dark/night mode button and the release date isnt showing down where the title is.

Spotify interface scrolls off-screen

Describe the bug
As of the latest version of Spotify and Spicetify, I've noticed that it's possible to scroll the Spotify UI off the screen. This can be rectified manually (with the scroll wheel and arrow keys), but it's quite annoying to deal with. Hopefully, it's a simple fix, though.

Thanks for maintaining one of the very few functional light themes for Spotify - appreciate you saving my eyes!

To Reproduce
Steps to reproduce the behavior:

1. Open Spotify with the theme enabled
2. Move mouse cursor to the very right side of the window and scroll down
3. Open the lyrics viewer or use the arrow keys to scroll left and right

Screenshots

Desktop Setup

• Operating System: Windows 11
• Spotify: 1.2.17.834.g26ee1129
• Spicetify: 2.22.1
• Theme: Both 4.6 from the marketplace and main branch manual install (35408c5)

Other Extensions

• GoToSong (huhridge)
• listPlaylistsWithSong (huhridge)
• SkipStats (huhridge)

Logs

These logs correspond to a manual installation of the current version of the theme from the main branch.

extension.js:8 Initializing Spicetify Marketplace v0.8.9
extension.js:8 Loaded Marketplace extension
xpui.js:1 cosmos-connector:  fetchAdForSlot endpoint=%o sp://ads/v1/ads/hpto
gew1-spclient.spotify.com/remote-config-resolver/v3/configuration:1     Failed to load resource: the server responded with a status of 404 ()
vendor~xpui.js:29 provider:transport resolve error T Object
f @ vendor~xpui.js:29
index.html:1 Uncaught (in promise) T
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/home-hpto.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/1274.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/5621.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
DevTools failed to load source map: Could not load content for https://xpui.app.spotify.com/9601.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/home-v2.js.map: Connection error: net::ERR_NAME_NOT_RESOLVED

doesn't change color Dynamic or theme anymore

readability improvement and startig theme colour

the problem which bothers me a little is that for certain songs the background and the characters colours have too little contrast, making it difficult to read especially little texts like the friends tab. I know there is a high contrast option, but I feel like it shouldn't be a "forced" option just because some songs cause this problem
here's an example:

Also the starting colour being blue is kinda meh like solution, I'd prefer either being able to choose the starting colour or having the classic spotify theme before a song is chosen

The theme doesn't change when i change the song

When a new song plays the colors of the theme don't change.

They do change when i go to a song after it and go to the previously mentioned song.

there's the video of encountering the issue
https://gyazo.com/08de45e24fb06b43d373ad86a1a60557

win 10
spicetify 2.9.2
dynamic theme 3.5

[BUG] No longer automatically switches to system theme, transparent window controls not being obeyed

Describe the bug
Automatic theme switching upon opening Spotify no longer works in v2.8 with spicetify v2.6.6. As well, transparent window controls shortcut argument no longer works either.

To Reproduce
Open Spotify 1.1.68 with spicetify v2.6.6 and spicetify-dynamic-theme v2.8 and it will not follow system theme (or switch from previous system theme to new system theme when recently applied) - as well as window controls are not transparent.

Desktop (please complete the following information):

• OS: Windows 10 Pro 21H1
• Version 10.0.19043 Build 19043

Logs

vendor~xpui.js:1 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:2353172)
    at t.o.addListener (https://xpui.app.spotify.com/vendor~xpui.js:29:2355454)
    at https://xpui.app.spotify.com/vendor~xpui.js:29:2048746
    at Pa (https://xpui.app.spotify.com/vendor~xpui.js:29:2595327)
    at As (https://xpui.app.spotify.com/vendor~xpui.js:29:2619179)
    at t.unstable_runWithPriority (https://xpui.app.spotify.com/vendor~xpui.js:29:2793496)
    at hi (https://xpui.app.spotify.com/vendor~xpui.js:29:2564835)
    at ks (https://xpui.app.spotify.com/vendor~xpui.js:29:2618958)
    at Os (https://xpui.app.spotify.com/vendor~xpui.js:29:2603729)
    at vs (https://xpui.app.spotify.com/vendor~xpui.js:29:2602651)
    at https://xpui.app.spotify.com/vendor~xpui.js:29:2565107
    at t.unstable_runWithPriority (https://xpui.app.spotify.com/vendor~xpui.js:29:2793496)
    at hi (https://xpui.app.spotify.com/vendor~xpui.js:29:2564835)
    at yi (https://xpui.app.spotify.com/vendor~xpui.js:29:2565052)
    at vi (https://xpui.app.spotify.com/vendor~xpui.js:29:2564987)
    at Es (https://xpui.app.spotify.com/vendor~xpui.js:29:2603150)
    at rl (https://xpui.app.spotify.com/vendor~xpui.js:29:2629563)
    at render (https://xpui.app.spotify.com/vendor~xpui.js:29:2632674)
    at https://xpui.app.spotify.com/xpui.js:1:1034419
(anonymous) @ vendor~xpui.js:1
sentry.io/api/114855/envelope/?sentry_key=de32132fc06e4b28965ecf25332c3a25&sentry_version=7:1 Failed to load resource: the server responded with a status of 429 (Too Many Requests)
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/22.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
DevTools failed to load source map: Could not load content for https://xpui.app.spotify.com/xpui-routes-playlist.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/service-worker.js.map: Connection error: net::ERR_NAME_NOT_RESOLVED

Play/Pause Button is Invisible/ Playlist Album Art

Describe the bug

1. Play/Pause Button is Invisible
2. Playlist show album art

To Reproduce
Steps to reproduce the behavior:

1. Installed on a fresh spotify and spicetify

Screenshots

Desktop Setup

• Operating System: Windows 11
• Spotify: 1.1.83.956.gbe7ea9a7
• Spicetify: 2.9.2
• Theme: 3.6 and 3.7 Tested

Logs
Can't get dev tools to work no matter what I try.

Match system theme

Is your feature request related to a problem? Please describe.
As someone that primarily uses the light theme and has my system set up in light mode, it's a little jarring on my eyes when I open Spotify, and it's in dark mode by default.

Describe the solution you'd like
It'd be nice if this theme was able to make use of a media query (prefers-color-scheme) to preselect the light/dark theme by default, matching the system's configuration - if this is possible to do within Spotify's app container.

Describe alternatives you've considered
An alternative may be to provide a snippet or configuration option that switches the default theme to light mode instead of dark mode.

Thanks!

Artist Name Interferes With Album Name

Describe the bug

The Album name overlaps with the artist's name making you unable to click on either unless you really try and you cant see it. Also, they are both on the same line rather than being on 3 different lines.
Screenshots

Cover art takes over background and I can't access playlist song and other options

Describe the bug
When I select a playlist or any other option on the sidebar, the song's cover art takes over the background and I can't select anything

To Reproduce
Steps to reproduce the behavior:

1. Open Spotify on the latest version of spicetify and theme
2. Select a playlist or any other sidebar option that would change the main page

Screenshots

Desktop Setup

• Operating System: Windows 11
• Spotify: Spotify for Windows 1.1.86.857.g3751ee08
• Spicetify: 2.10.1
• Theme: 3.9

Logs

Loaded Marketplace extension
extension.js:81 Initializing extension:  Object
extension.js:81 Initializing extension:  Object
extension.js:81 Initializing extension:  Object
group-session.js?time=1654273818667:683 Found local device id (e061f46c7db969986f649fc8c99ff091d52b9d46)
vendor~xpui.js:29 The buttonLegacy prop has been deprecated. This prop will be removed soon. Please migrate to new button styles by removing this prop.
Read more: https://encore.spotify.net/web/whats-new/green-buttons/?format=web-js
i @ vendor~xpui.js:29
webnowplaying.js:124 WebSocket connection to 'ws://127.0.0.1:8974/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED
init @ webnowplaying.js:124
webnowplaying.js:124 WebSocket connection to 'ws://127.0.0.1:8974/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED
init @ webnowplaying.js:124
webnowplaying.js:124 WebSocket connection to 'ws://127.0.0.1:8974/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED
init @ webnowplaying.js:124
webnowplaying.js:124 WebSocket connection to 'ws://127.0.0.1:8974/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED
init @ webnowplaying.js:124
webnowplaying.js:124 WebSocket connection to 'ws://127.0.0.1:8974/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED
init @ webnowplaying.js:124
webnowplaying.js:124 WebSocket connection to 'ws://127.0.0.1:8974/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED
init @ webnowplaying.js:124
webnowplaying.js:124 WebSocket connection to 'ws://127.0.0.1:8974/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED
init @ webnowplaying.js:124
webnowplaying.js:124 WebSocket connection to 'ws://127.0.0.1:8974/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED
init @ webnowplaying.js:124
webnowplaying.js:124 WebSocket connection to 'ws://127.0.0.1:8974/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED
init @ webnowplaying.js:124
webnowplaying.js:124 WebSocket connection to 'ws://127.0.0.1:8974/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED
init @ webnowplaying.js:124
webnowplaying.js:124 WebSocket connection to 'ws://127.0.0.1:8974/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED
init @ webnowplaying.js:124
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/8696.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/5799.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-playlist.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

[BUG] Artist cover shown on full screen height

Describe the bug
Most artists pages have broken layout — header is stretched from top to the bottom.
I assume that this might be not bug, but a feature, though it is inconvenient and doesn't look good since most of these background pictures are low-res.

To Reproduce
Open any artist page, which has background instead of avatar

Screenshots

• OS: macOS 11.6
• Spicetify: v2.7.1
• Spotify: Spotify for macOS (Apple Silicon) 1.1.71.560.gc21c3367
• spicetify-dynamic-theme: latest

Settings file

[Setting]
spotify_path            = /Applications/Spotify.app/Contents/Resources
prefs_path              = /Users/romanismagilov/Library/Application Support/Spotify/prefs
replace_colors          = 1
check_spicetify_upgrade = 0
inject_css              = 1
overwrite_assets        = 1
spotify_launch_flags    = 
current_theme           = spicetify-dynamic-theme
color_scheme            = base

[Preprocesses]
disable_sentry        = 1
disable_ui_logging    = 1
remove_rtl_rule       = 1
expose_apis           = 1
disable_upgrade_check = 1

[AdditionalOptions]
extensions     = keyboardShortcut.js|default-dynamic.js|Vibrant.min.js
sidebar_config = 1
home_config    = 1
custom_apps    = 

[Patch]
xpui.js_find_8008 = ,(\w+=)32,
xpui.js_repl_8008 = ,${1}28,

Circular Artist images

Is your feature request related to a problem? Please describe.
It just throws me off, when the artist images look just like albums, songs, and so on.

Describe the solution you'd like
Making the artist images circular, just as they are in normal Spotify.
Helps to differentiate artist profiles from songs/albums at a glance.

Describe alternatives you've considered
I could just update the user.css for myself, but I think this might be something that should be standard for the theme.

Additional context
Circular images

Especially useful in search, where songs/albums and artists are mixed:

Theme making Spicetify laggy

Describe the bug
The theme is making the spicetify laggy and slow response like from 60fps to 20fps

To Reproduce
Steps to reproduce the behavior:

1. apply/install theme

Screenshots
Sreen Capture provided - https://user-images.githubusercontent.com/102982195/187375936-2970ca09-722b-439c-9196-ef38c0e2235d.mp4

Desktop Setup

• Operating System: Windows 10 Home Single Language, Version 10.0.19004 Build 19044
• Spotify: 1.1.92.647.ga4397eb7

. 1.1.71.560] from Menu (Three dots top left) > Help > About -->

• Spicetify:
• Theme:

Logs
Preloading extensions and themes...
vendorxpui.js:1 Initializing Spicetify Marketplace v0.7.1
vendorxpui.js:1 Loaded Marketplace extension
vendorxpui.js:1 Initializing extension: Object
vendorxpui.js:1 Initializing extension: Object
vendorxpui.js:1 Initializing extension: Object
vendorxpui.js:1 Initializing extension: Object
xpui.js:1 Uncaught (in promise) NotFoundError: GET request to sp://ads/v1/settings/leaderboard failed with status code 404
at l.onSuccess (xpui.js:1:1510504)
at onSuccess (xpui.js:1:1510318)
vendorxpui.js:1 Enhance feature enabled!
vendorxpui.js:1 Ads delayed: Adblock.js
vendorxpui.js:1 cosmos-connector: fetchAdForSlot endpoint=%o sp://ads/v1/ads/hpto
pubads_impl_2022082501.js:10 The following functions are deprecated: googletag.pubads().setTagForChildDirectedTreatment(), googletag.pubads().clearTagForChildDirectedTreatment(), googletag.pubads().setRequestNonPersonalizedAds(), and googletag.pubads().setTagForUnderAgeOfConsent(). Please use googletag.pubads().setPrivacySettings() instead.
Yw @ pubads_impl_2022082501.js:10
vendorxpui.js:1 Object
vendorxpui.js:1 Parsed 33/33 extensions
vendorxpui.js:1 No more extension results
vendorxpui.js:1 Object
vendorxpui.js:1 Parsed 40/40 themes
vendorxpui.js:1 No more theme results
raw.githubusercontent.com/spicetify/spicetify-marketplace/main/manifest.json:1 Failed to load resource: the server responded with a status of 404 ()
vendorxpui.js:1 / <section data-testid=​"home-page">​…​​
vendorxpui.js:1 Tagging carousel: Episodes for you
raw.githubusercontent.com/3raxton/spicetify-custom-apps-and-extensions/main/manifest.json:1 Failed to load resource: the server responded with a status of 404 ()
raw.githubusercontent.com/TheRandomLabs/Scoop-Spotify/master/manifest.json:1 Failed to load resource: the server responded with a status of 404 ()
raw.githubusercontent.com/itsmeow/Spicetify-Canvas/master/manifest.json:1 Failed to load resource: the server responded with a status of 404 ()
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/8696.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/1864.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/home-hpto.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
DevTools failed to load source map: Could not load content for https://xpui.app.spotify.com/home-v2.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/2639.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/8419.js.map: Connection error: net::ERR_NAME_NOT_RESOLVED
vendorxpui.js:1 GET https://raw.githubusercontent.com/getomni/spicetify/main/manifest.json 404
(anonymous) @ vendorxpui.js:1
L @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
vendorxpui.js:1 GET https://raw.githubusercontent.com/catppuccin/spicetify/main/manifest.json 404
(anonymous) @ vendorxpui.js:1
L @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
vendorxpui.js:1 GET https://raw.githubusercontent.com/schnensch0/ziro/main/manifest.json 404
(anonymous) @ vendorxpui.js:1
L @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1
vendorxpui.js:1 GET https://raw.githubusercontent.com/axieum/jasmine-spicetify-theme/master/manifest.json 404
(anonymous) @ vendor~xpui.js:1
L @ extension.js:1
(anonymous) @ extension.js:1
(anonymous) @ extension.js:1

2022-08-30.15-25-57.mp4

[paste logs here]

No Option to make Darkmode

Hello I'm on Arch Linux and i don't have the Option to turn on Dark Mode. Is this button in the user.css or .js?

Lyrics in Fullscreen not working

Describe the bug
The show lyric function in Fullscreen mode while listening to a song doesn't work.

Screenshots

Desktop Setup

• Operating System: Windows 11
• Spotify: 1.1.97.962.g24733a46
• Spicetify: v2.14.1
• Theme: DefaultDynamic

Logs

I can keep scrolling

Describe the bug
On every page you can keep scrolling

To Reproduce

1. Play a song
2. Scroll down

Screenshots

Desktop Setup

• Operating System: Windows 11
• Spotify: Spotify voor Windows (64-bits)
  1.2.19.941.gbf202593
• Spicetify: Spicetify v2.23.0
• Theme: Default Dynamic

** CSS Error **

This error can be disolved by just adding 'Body { Overflow : hidden;}'

[BUG] Missing Vibrant.min.js when installing

Describe the bug
Running the install command from README.md leads to an error saying that Vibrant.min.js couldn't be found. Manually adding that file did fix the problem though.

To Reproduce
Run Invoke-WebRequest -UseBasicParsing "https://raw.githubusercontent.com/JulienMaille/spicetify-dynamic-theme/master/install.ps1" | Invoke-Expression

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Version 20H2

Theme not working on v2.30.0

Default Dynamic is not working, the background doesnt animate at all.

Tried manually installing but it still showed the same problem

Patcher does not work for lightmode/sync system theme

Describe the bug

To Reproduce
Steps to reproduce the behavior:

1. Run Invoke-WebRequest -UseBasicParsing "https://raw.githubusercontent.com/JulienMaille/spicetify-dynamic-theme/master/patch-dark-mode.ps1" | Invoke-Expression

Screenshots

Desktop Setup

winver:

any
Spotify for Windows (64 bit)
1.2.31.1205.g4d59ad7c
Spicetify v2.31.3

Logs

[Initializing Spicetify Marketplace v0.9.4
vendor~xpui.js:1 cosmos-connector:  fetchAdForSlot endpoint=%o sp://ads/v1/ads/hpto
vendor~xpui.js:1 Loaded Marketplace extension
gue1-spclient.spotify.com/remote-config-resolver/v3/configuration:1 
        
        
       Failed to load resource: the server responded with a status of 404 ()
vendor~xpui.js:1 provider:transport resolve error T ObjectNo properties
(anonymous) @ vendor~xpui.js:1
index.html:1 Uncaught (in promise) Tbody: {error: {…}}headers: A {get: ƒ, has: ƒ}metadata: nulloffline: falseok: falseretries: {count: 0}status: 404timing: nullurl: "https://gue1-spclient.spotify.com/remote-config-resolver/v3/configuration"__sentry_captured__: true[[Prototype]]: Object
xpui.js:1 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'getProductState')
    at p.handleProductStateUpdate (xpui.js:1:2412025)
    at p._dispatchFromStore (vendor~xpui.js:1:629844)
    at p.emitSync (vendor~xpui.js:1:631313)
    at s.emitSync (xpui.js:1:2251285)
    at s.emitProductStateUpdate (xpui.js:1:2425971)
    at xpui.js:1:2048468
    at vendor~xpui.js:1:5546410
    at onSuccess (xpui.js:1:2252064)]

static background image

Is your feature request related to a problem? Please describe.

the background album art image is moving or rotating

Describe the solution you'd like

can i make it static? i want it to not move

Describe alternatives you've considered

just make it a static image instead of rotating

Additional context

Window bug

Describe the bug
My window does this when I'm trying to play something with white album artwork.
For Example:
Vierre Cloud - moment
To Reproduce
Steps to reproduce the behavior:

1. Play something different and wait a bit.
2. Clear extensions and current_theme = marketplace in config.
3. Spicetify apply in Powershell.
4. Return extensions and current_theme = DefaultDynamic.
5. Spicetify apply in Powershell.

Screenshots

Logs

Desktop Setup

• Operating System: Windows 10 1809 LTSC
• Spotify: 1.1.93.896.g3ae3b4f3 version
• Spicetify: 2.13.0
• Theme: Latest

I need help!

Hi! I want to know if there is any solution for this kind of bug on the top of the window, cause it seems a little bit short than usual. And I want to know if there is any way to remove the Spotify premium sing on the top left.
Sorry for my English, it is not my first language.

[minor feature request] Implement automatic switching between Dark and Light modes

Currently it applies theme from system settings on launch.
However, some users might have automatic theme switching based on daytime

Expected behaviour:
Spotify changes theme as system theme is changed

Solution:
This one seems like a way to do it, however I'm not familiar with Electron/React

https://medium.com/missive-app/make-your-electron-app-dark-mode-compatible-c23dcfdd0dfa

Themes dont working

Describe the bug

• Spotify updated. Themes are broken, its no more dynamic-theme anymore, need to fix.

To Reproduce
Steps to reproduce the behavior:
No steps. Just download theme and its just dont working.

Screenshots

Desktop Setup

• Operating System: [Windows 10]
• Spotify: [1.2.31.1205]
• Spicetify: [2.31.3]
• Theme: [4.8]

 document.domain mutation is ignored because the surrounding agent cluster is origin-keyed.
(anonymous) @ index.html:1
writeify.js:1 
        
        
       Failed to load resource: net::ERR_NAME_NOT_RESOLVED
api.github.com/repos/spicetify/spicetify-cli/releases/latest:1 
        
        
       Failed to load resource: the server responded with a status of 403 ()
vendor~xpui.js:1 Initializing Spicetify Marketplace v0.9.4
xpui.js:1 Uncaught (in promise) NotFoundError: GET request to sp://ads/v1/settings/leaderboard failed with status code 404
    at l.onSuccess (xpui.js:1:2243666)
    at onSuccess (xpui.js:1:2243480)
vendor~xpui.js:1 TypeError: Cannot read properties of undefined (reading 'slice')
    at checkForUpdate (spicetifyWrapper.js:2379:27)
(anonymous) @ vendor~xpui.js:1
vendor~xpui.js:1 Loaded Marketplace extension
api.github.com/repos/JulienMaille/spicetify-dynamic-theme/releases/latest:1 
        
        
       Failed to load resource: the server responded with a status of 403 ()
vendor~xpui.js:1 [Adblock] Ads disabled Object
xpui.js:1 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'getProductState')
    at p.handleProductStateUpdate (xpui.js:1:2412025)
    at p._dispatchFromStore (vendor~xpui.js:1:629844)
    at p.emitSync (vendor~xpui.js:1:631313)
    at s.emitSync (xpui.js:1:2251285)
    at s.emitProductStateUpdate (xpui.js:1:2425971)
    at xpui.js:1:2048468
    at vendor~xpui.js:1:5546410
    at onSuccess (xpui.js:1:2252064)
default-dynamic.js?time=1708100911735:1 Uncaught SyntaxError: Identifier 'current' has already been declared (at default-dynamic.js?time=1708100911735:1:1)
xpui.js:1 Uncaught (in promise) Error: GET request to https://api.spotify.com/v1/albums/4IcBcb1v7U18kioUMrWkmf request failed with error code -1 (Resolver not found!)
    at l.onFailure (xpui.js:1:2243919)
    at onFailure (xpui.js:1:2243521)
vendor~xpui.js:1 [Adblock] Ads disabled Object
gew1-spclient.spotify.com/remote-config-resolver/v3/configuration:1 
        
        
       Failed to load resource: the server responded with a status of 404 ()
vendor~xpui.js:1 provider:transport resolve error T Object
(anonymous) @ vendor~xpui.js:1
index.html:1 Uncaught (in promise) T
api.github.com/repos/surfbryce/beautiful-lyrics/contents/dist/beautiful-lyrics.js:1 
        
        
       Failed to load resource: the server responded with a status of 403 ()
api.github.com/repos/surfbryce/beautiful-lyrics/git/blobs/undefined:1 
        
        
       Failed to load resource: the server responded with a status of 403 ()
vendor~xpui.js:1 Error: InvalidCharacterError: Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.
(anonymous) @ vendor~xpui.js:1
vendor~xpui.js:1 cosmos-connector:  fetchAdForSlot endpoint=%o sp://ads/v1/ads/hpto
beautiful-lyrics.js?time=1708100911474:1 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'Text')
    at Yn.n.Source.n.NaturalAlignment (beautiful-lyrics.js?time=1708100911474:1:5098582)
    at Yn (beautiful-lyrics.js?time=1708100911474:3:509)
    at beautiful-lyrics.js?time=1708100911474:3:4442
xpui.js:1 Uncaught (in promise) Error: GET request to https://api.spotify.com/v1/albums/5PuTLKpHSO4pJjYCia0djn request failed with error code -1 (Resolver not found!)
    at l.onFailure (xpui.js:1:2243919)
    at onFailure (xpui.js:1:2243521)
xpui.js:1 Uncaught (in promise) Error: GET request to https://api.spotify.com/v1/albums/5dfKkLx9NF3xgwKo3pfxrq request failed with error code -1 (Resolver not found!)
    at l.onFailure (xpui.js:1:2243919)
    at onFailure (xpui.js:1:2243521)
xpui.js:1 Uncaught (in promise) Error: GET request to https://api.spotify.com/v1/albums/3Wm96XwUfNEfVCTYmyQmBH request failed with error code -1 (Resolver not found!)
    at l.onFailure (xpui.js:1:2243919)
    at onFailure (xpui.js:1:2243521)
xpui.js:1 Uncaught (in promise) Error: GET request to https://api.spotify.com/v1/albums/5dfKkLx9NF3xgwKo3pfxrq request failed with error code -1 (Resolver not found!)
    at l.onFailure (xpui.js:1:2243919)
    at onFailure (xpui.js:1:2243521)
xpui.js:1 Uncaught (in promise) Error: GET request to https://api.spotify.com/v1/albums/5EDnWffEsv2TTRyMPMufl7 request failed with error code -1 (Resolver not found!)
    at l.onFailure (xpui.js:1:2243919)
    at onFailure (xpui.js:1:2243521)
xpui.js:1 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'getProductState')
    at p.handleProductStateUpdate (xpui.js:1:2412025)
    at p._dispatchFromStore (vendor~xpui.js:1:629844)
    at p.emitSync (vendor~xpui.js:1:631313)
    at s.emitSync (xpui.js:1:2251285)
    at s.emitProductStateUpdate (xpui.js:1:2425971)
    at xpui.js:1:2048468
    at vendor~xpui.js:1:5546410
    at onSuccess (xpui.js:1:2252064)
handleProductStateUpdate @ xpui.js:1
_dispatchFromStore @ vendor~xpui.js:1
emitSync @ vendor~xpui.js:1
emitSync @ xpui.js:1
emitProductStateUpdate @ xpui.js:1
(anonymous) @ xpui.js:1
(anonymous) @ vendor~xpui.js:1
onSuccess @ xpui.js:1
vendor~xpui.js:1 [Adblock] Ads disabled {audio: c, vto: {…}, hpto: H, billboard: E, leaderboard: ie, …}
vendor~xpui.js:1 
        
        
       GET https://api.github.com/repos/surfbryce/beautiful-lyrics/contents/dist/beautiful-lyrics.js 403 (Forbidden)
(anonymous) @ vendor~xpui.js:1
c1 @ beautiful-lyrics.js?time=1708100911474:3
i @ vendor~xpui.js:1
vendor~xpui.js:1 
        
        
       GET https://api.github.com/repos/surfbryce/beautiful-lyrics/git/blobs/undefined 403 (Forbidden)
(anonymous) @ vendor~xpui.js:1
(anonymous) @ beautiful-lyrics.js?time=1708100911474:3
Promise.then (async)
c1 @ beautiful-lyrics.js?time=1708100911474:3
i @ vendor~xpui.js:1
vendor~xpui.js:1 Error: InvalidCharacterError: Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.
(anonymous) @ vendor~xpui.js:1
(anonymous) @ beautiful-lyrics.js?time=1708100911474:5
Promise.catch (async)
c1 @ beautiful-lyrics.js?time=1708100911474:5
i @ vendor~xpui.js:1

Weird interface bug (?)

Describe the bug

I don't know if there's anything to describe to be honest. It's just these two colors appearing in the controls panel.
To Reproduce
Steps to reproduce the behavior:

1. Use the theme
2. Be sad

Screenshots

Desktop Setup

• Operating System: <Win 10] -->
• Spotify: <1.2.17.834>
• Spicetify: <2.22.2>
• Theme: <4.6>

White text on "Your top genres" and "Browse all" cards for better readability

Is your feature request related to a problem? Please describe.
The text on the cards on the search page is often very hard to read with the colors the theme chooses (see screenshot 1).

Describe the solution you'd like
Make the text on the cards on the search page white, or a light gray, so that the text is readable on the different colored backgrounds.

Describe alternatives you've considered
I could just update the user.css for myself, but I think this might be something that should be standard for the theme.

.x-categoryCard-CategoryCard and .a2ruVaZt_DdrdHz3GqgU (?) would need color: white, or some other lighter color.
(e.g. #eaeaea like most other "white" text)

Additional context
Hard to read text (Indie):

Good to read text (white text):

The theme is complete and works well, but it is written at the bottom of the page : ( you haven,t instaled "default-dynamic" extension . please follow instructions on the REDME page ) But I have done this befor

The theme is complete and works well, but it is written at the bottom of the page : ( you haven,t instaled "default-dynamic" extension . please follow instructions on the REDME page ) But I have done this before

[BUG] Error 404 from URL in install script

Hey! https://api.github.com/repos/JulienMaille/default-dynamic-theme/releases/latest is returning an error 404 for me (and others I've asked to try and run install.sh) when following the install instructions for Mac/Linux (on Linux btw).

Automatic system theme application no longer working

Describe the bug
When Spotify desktop is opened with this theme applied, it loads with the Dark theme no matter what the system theme is or what theme was previously set in-app. It does notify "dark theme applied" on first load. When, before, the theme would automatically change in reaction to the system theme, it no longer does.

This started happening after 3 major updates:

1. Spotify updater forced me to redownload the whole app from browser.
2. I ran spicetify upgrade to v2.14
3. I re-ran the MacOS install sh script from the spicetify-dynamic-theme readme.

This is by far my favorite Spicetify theme because of the subtle styling and a good light theme 😱, so thank you for the work you've done on this! Sorry if this is an OS, Spicetify, or personal setup issue I'm misinterpreting.

To Reproduce
Steps to reproduce the behavior:

1. With Spotify quit, Switch MacOS to system light theme.
2. Open Spotify. (Would show Dark theme still)
3. Switch Spotify theme manually to light.
4. Switch MacOS to dark theme. (Spotify would be light still)

Screenshots

Desktop Setup

• Operating System: MacOS 12.6
• Spotify: Spotify for macOS (Intel) 1.1.95.893.g6cf4d40c
• Spicetify: 2.14.0
• Theme: v4.0

Logs

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/8696.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/home-hpto.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/4453.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/7269.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/home-v2.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
DevTools failed to load source map: Could not load content for https://xpui.app.spotify.com/5392.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/8419.js.map: Connection error: net::ERR_NAME_NOT_RESOLVED

Question regarding the inner workings.

Hello, I am customising my linux distro and i am trying to make it so that i could use the colors selected based on the song playing, export that somehow and then use that color (which obviously changes dynamically) for ui elements in things like rofi, polybar, firefox, etc.

What i am trying to figure out is how and where the theme selects its colors, where they are stored, and how i could use them systemwide in the application that i described.

I apologise if it is obvious in the code, I am sort of learning this as i go... Any help would be greatly appreciated but could you please be specific if possible?

Thanks
(I really love this theme btw, I cant wait until i implement this lmao)

[BUG] Cannot read property 'map' of undefined at new b (Vibrant.min.js:13)

Describe the bug
I have a big bottom padding.

To Reproduce
Steps to reproduce the behavior:

• Install spicetify-cli v2.6.7
• Install theme v2.8
• Open Spotify

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Windows 10 Home 21H1
• Theme version 2.8
• Spotify for Windows 1.1.68.632.g2b11de83
• Spicetify v2.6.7

Logs

Uncaught (in promise) TypeError: Cannot read property 'map' of undefined
    at new b (Vibrant.min.js:13)
    at pickCoverColor (default-dynamic.js:210)
    at default-dynamic.js:225
    at waitForElement (default-dynamic.js:6)
    at hookCoverChange (default-dynamic.js:223)
    at Array.songchange (default-dynamic.js:168)
    at Object.dispatchEvent (spicetifyWrapper.js:18)
    at spicetifyWrapper.js:172
    at xpui.js:1
    at l.onSuccess (xpui.js:1)
    at onSuccess (xpui.js:1)

[BUG] Scroll extent calculated wrongly

Describe the bug
Excess area while scrolling playlists.

To Reproduce
Add a lot (50+) playlists and try to scroll them

Screenshots

Desktop:

• OS: macOS 11.6
• Spicetify: v2.7.1
• Spotify: Spotify for macOS (Apple Silicon) 1.1.71.560.gc21c3367
• spicetify-dynamic-theme: latest

What helped me
I've added these lines to the config file, and it works fine now

[Patch]
xpui.js_find_8008 = ,(\w+=)32,
xpui.js_repl_8008 = ,${1}28,

Dislike the spinning album cover.

I dislike the spinning background, I liked it when it was static, is there a way to remove it?

colors freezing if not using skip or previous buttons

when i use skip button to change to another song colors will change but when i just press play button that's next to songs colors won't change and freeze to previous songs colors

im on
win11
spotify 1.1.73.517
spicetify 2.8.3

hope that helps

Opening spotify while last played is a local song messes up the color scheme

Describe the bug
When playing local songs, the color scheme is messed up.

To Reproduce
Steps to reproduce the behavior:

1. Play a local song
2. Close and open spotify again
3. The color scheme is now wrong

Screenshots

Desktop Setup

• Operating System: Windows 10
• Spotify: 1.1.73.517.gbef50fdb
• Spicetify: 2.8.3

My Window Does This When Playing A Song

Describe the bug

To Reproduce
Steps to reproduce the behavior:

1. Play A Song With a fresh spotify & spicetify install

Screenshots

Desktop Setup

• Operating System: Windows 11
• Spotify: 1.1.74.631
• Spicetify: 2.8.3
• Theme: 3.3

Logs

spicetifyWrapper.js:879 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.
Spicetify._cloneSidebarItem @ spicetifyWrapper.js:879
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:2712035)
    at t.r.addListener (https://xpui.app.spotify.com/vendor~xpui.js:29:2714619)
    at https://xpui.app.spotify.com/vendor~xpui.js:29:2321867
    at Pa (https://xpui.app.spotify.com/vendor~xpui.js:29:2955910)
    at Is (https://xpui.app.spotify.com/vendor~xpui.js:29:2979642)
    at t.unstable_runWithPriority (https://xpui.app.spotify.com/vendor~xpui.js:29:3194923)
    at ho (https://xpui.app.spotify.com/vendor~xpui.js:29:2925446)
    at As (https://xpui.app.spotify.com/vendor~xpui.js:29:2979421)
    at ws (https://xpui.app.spotify.com/vendor~xpui.js:29:2964300)
    at vs (https://xpui.app.spotify.com/vendor~xpui.js:29:2963222)
c @ vendor~xpui.js:29
xpui.js:1 cosmos-connector:  fetchAdForSlot endpoint=%o sp://ads/v1/ads/hpto
vendor~xpui.js:29 The buttonLegacy prop has been deprecated. This prop will be removed soon. Please migrate to new button styles by removing this prop.
Read more: https://encore.spotify.net/web/whats-new/green-buttons/?format=web-js
i @ vendor~xpui.js:29
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/696.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/566.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-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/xpui-desktop-modals.js.map: Connection error: net::ERR_NAME_NOT_RESOLVED
Vibrant.min.js:390 Uncaught TypeError: Cannot read properties of undefined (reading 'map')
    at new b (Vibrant.min.js:390)
    at pickCoverColor (default-dynamic.js:241)
    at MutationObserver.<anonymous> (default-dynamic.js:266)
b @ Vibrant.min.js:390
pickCoverColor @ default-dynamic.js:241
(anonymous) @ default-dynamic.js:266
attributes (async)
_t @ vendor~xpui.js:29
Na @ vendor~xpui.js:29
ks @ vendor~xpui.js:29
t.unstable_runWithPriority @ vendor~xpui.js:29
ho @ vendor~xpui.js:29
Ps @ vendor~xpui.js:29
vs @ vendor~xpui.js:29
(anonymous) @ vendor~xpui.js:29
t.unstable_runWithPriority @ vendor~xpui.js:29
ho @ vendor~xpui.js:29
yo @ vendor~xpui.js:29
bo @ vendor~xpui.js:29
gs @ vendor~xpui.js:29
Hr @ vendor~xpui.js:29
(anonymous) @ xpui.js:1
a @ xpui.js:1
_dispatchFromStore @ vendor~xpui.js:29
(anonymous) @ vendor~xpui.js:29
a @ vendor~xpui.js:29
t @ vendor~xpui.js:29
postMessage (async)
l @ vendor~xpui.js:29
emit @ vendor~xpui.js:29
emit @ xpui.js:1
(anonymous) @ xpui.js:1
(anonymous) @ vendor~xpui.js:29
onSuccess @ xpui.js:1

Other
Changing the width and height of the canvas fixes it for the current song

as well as this: (temp fix ig)
which just to make it match window size fixes it

Add Option to Lock theme into certain color or pick color for theme using color picker.

Is your feature request related to a problem? Please describe.

I like to have 3 options called Color Lock , Color Picker and Reset to Defualt-

1.Color Lock-
Use to a lock theme to certain one color picked by album art without changing it per song.
2.Color Picker with Hex code Support-
Manually pick wanted color using color picker and keep that color.
3.Reset to Defualt-
Remove all Color Locking And Picking Settings.

Describe the solution you'd like
1.Color Lock-
When I using this theme it will match color to the current album art Automatically which is awesome, but think when it does user finds a very beautiful color user wants to set as fixed color in spotify and keep it without changing it's color again when next song starts...So for that Can you add a Color Lock Function?(I Upload some pictures for better understanding..)
(Please Add this option to both player menu and theme menu!)
2.Color Picker with Hex code Support-
Think user needs a custom color (Ex-Orange) So using this user can pick orange color or type relevant hex code and make it fixed color on Spotify as long as he/she wants -
(Please use https://github.com/yairEO/color-picker - Open Source Javascript Minimal Color Picker So it will save some time!😉
3.Reset to Defualt-
Revert all Color Locking And Picking Settings and make theme settings to default So theme will again starts to match color to the playing song Automatically.

        ♦.Color Lock Deactive-

        ♦.Color Lock Active-

        ♦.Menu Normal-

       ♦.Menu  Expanded-

       ♦.Menu with Color Picker-

Can you help me please?)

Hey. Thanks for theme, it's really cool. But I have one problem, maybe you can help me? I have ultrawide monitor, and I have slightly stung the left sidebar, so now I have a lot of empty space on the right. This happens on absolutely all pages. Maybe you know what I should write in css, so that I have all the content in the center?

How do I remove the release date in the player bar?

Looks ugly. There is also no space between it and the artist name.

Colour theme stuck at yellow until i change to dark mode and then its only blue. Does not adapt to cover

after opening spotify:

changed to light mode:

changed back to dark mode:

Remove year from now playing

yo how can I remove the year from now playing, I already tried this: 68649e1 but I think its outdated and doesn't work. thank you

[BUG] Toggle missing with spicetify v2.6.4

Describe the bug
Upon upgrading to spicetify v2.6.4, the light/dark toggle disappeared.

To Reproduce
Only seems to be an issue with spicetify v2.6.4

Desktop (please complete the following information):

• OS: Windows 10 Pro 21H1
• Version 10.0.19043 Build 19043

Notes
The issue remains even after a clean install of Spotify, followed by a clean install of spicetify, and then a clean install of spicetify-dynamic-theme.

Logs

Uncaught TypeError: Spicetify.Player.origin2.state.addProgressListener is not a function
    at waitOrigins (spicetifyWrapper.js:182)
    at r (vendor~xpui.js:1)
vendor~xpui.js:1 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:2353172)
    at t.o.addListener (https://xpui.app.spotify.com/vendor~xpui.js:29:2355454)
    at https://xpui.app.spotify.com/vendor~xpui.js:29:2048746
    at Pa (https://xpui.app.spotify.com/vendor~xpui.js:29:2595327)
    at As (https://xpui.app.spotify.com/vendor~xpui.js:29:2619179)
    at t.unstable_runWithPriority (https://xpui.app.spotify.com/vendor~xpui.js:29:2793496)
    at hi (https://xpui.app.spotify.com/vendor~xpui.js:29:2564835)
    at ks (https://xpui.app.spotify.com/vendor~xpui.js:29:2618958)
    at Os (https://xpui.app.spotify.com/vendor~xpui.js:29:2603729)
    at vs (https://xpui.app.spotify.com/vendor~xpui.js:29:2602651)
    at https://xpui.app.spotify.com/vendor~xpui.js:29:2565107
    at t.unstable_runWithPriority (https://xpui.app.spotify.com/vendor~xpui.js:29:2793496)
    at hi (https://xpui.app.spotify.com/vendor~xpui.js:29:2564835)
    at yi (https://xpui.app.spotify.com/vendor~xpui.js:29:2565052)
    at vi (https://xpui.app.spotify.com/vendor~xpui.js:29:2564987)
    at Es (https://xpui.app.spotify.com/vendor~xpui.js:29:2603150)
    at rl (https://xpui.app.spotify.com/vendor~xpui.js:29:2629563)
    at render (https://xpui.app.spotify.com/vendor~xpui.js:29:2632674)
    at https://xpui.app.spotify.com/xpui.js:1:1033900
(anonymous) @ vendor~xpui.js:1
DevTools failed to load source map: Could not load content for https://xpui.app.spotify.com/service-worker.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/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/22.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
DevTools failed to load source map: Could not load content for https://xpui.app.spotify.com/xpui-routes-playlist.js.map: Connection error: net::ERR_NAME_NOT_RESOLVED

I can't apply the transparent background to my spicetify using the DefaultDynamic

Describe the bug

No transparent colors to my spicetify theme

To Reproduce
Steps to reproduce the behavior:

1. During the instalation i followed every step correctly and yet i cant apply the background

Screenshots

Desktop Setup

• Operating System: Windows 10
• Spotify: Spotify 1.1.83.956
• Spicetify:
• Theme: DefaultDynamic

Logs

[paste logs here]

Plugin "Star Ratings" does not load or work with this theme

Whenever this theme is used, the plugin "star ratings" does not load.

• Operating System: Windows 11
• Spotify: Spotify for Windows 1.1.97.962.g24733a46
• Spicetify: 2.14.0
• Theme: DynamicDefault

Help Wanted - Dark/ Light Mode Toggle Button

Hi,
So I've been using the theme for a bit and am on an older version since I'm on a really old Spotify version. All I wanted to ask was if you could direct me toward where the code for the theme mode toggle is so I could remove the button from the theme for me as it messes with my other extension and custom app toggle locations.
Thanks for your help and for the theme.