search

nimsandu / spicetify-bloom

Spicetify theme inspired by Microsoft's Fluent Design, Always up-to-date!, A Powerful Theme to Calm your Eyes While Listening to Your Favorite Beats
MIT License
539 stars 49 forks source link

Add option to disable blurred artwork background on the Lyrics Plus page #262

Closed Yashirow closed 1 week ago

Yashirow commented 1 year ago

When using the Lyrics plus custom app there's an option called "colorful background" which enable/disable a background based on the album cover's color. However when using the theme there's no way to disable the option.

Option behavior without the theme :

Disabled ![image](https://github.com/nimsandu/spicetify-bloom/assets/100087778/228c8fcf-c302-401a-8c74-f7fef96a46df)
Enabled ![image](https://github.com/nimsandu/spicetify-bloom/assets/100087778/d6b3386d-ec37-4f74-adc8-bbdefc47ab50)

Option behavior with the theme :

Disabled ![image](https://github.com/nimsandu/spicetify-bloom/assets/100087778/85922052-0ba0-497d-a2d5-7329b0d650be)
Enabled ![image](https://github.com/nimsandu/spicetify-bloom/assets/100087778/ba682983-be2f-4498-bc2f-73bc78b4216f)

It could be related to the var(--spice-main) parameter maybe ?

SunsetTechuila commented 1 year ago

It is not a bug, the background you see is a theme custom background, not a Lyrics Plus ones. Lyrics Plus background is hidden, so its settings have no effect

SunsetTechuila commented 1 year ago

For now I can suggest a workaround for you: 1) Open Marketplace 2) Go to Snippets 3) Press "Add CSS" 4) Paste .lyrics-lyricsContainer-LyricsBackground { visibility: visible !important; } to the Custom CSS field 5) Save snippet

Yashirow commented 1 year ago

Okay thanks, it works fine.

SunsetTechuila commented 1 year ago

@Yashirow now you need .lyrics-lyricsContainer-LyricsBackground { display: unset !important; }

InsrtRandomUserHere commented 7 months ago

@SunsetTechuila Is there a new workaround for this?

SunsetTechuila commented 6 months ago

@InsrtRandomUserHere nothing changed if it is not working for you, try this :root .lyrics-lyricsContainer-LyricsBackground { display: unset !important; } sorry for the late response

InsrtRandomUserHere commented 6 months ago

if it is not working for you, try this :root .lyrics-lyricsContainer-LyricsBackground { display: unset !important; }

@SunsetTechuila Yup, thanks that worked. Though the only problem I have now is that the scrollbar appears on the side

nimsandu commented 1 week ago

@InsrtRandomUserHere im closing the issue! open an issue anytime if anything goes wrong! until we meet again, keep blooming ^_~