#Disabling Lyrics(-Plus) Background Colours?

36 messages · Page 1 of 1 (latest)

feral storm
#

The lyrics and lyrics-plus backgrounds make my eyes hurt when they are bright red. Is there a way to make the lyrics(-plus) backgrounds dimmer, fixed to a certain colour, or transparent?

Although my problem is uncommon, during my search for a solution I found other few people with the same problem as me, but I didn't find a solution. I tried adding something like .lyrics-color-container { background-color: transparent !important; } in a random line of ~/.spicetify/Themes/SpicetifyDefault/user.css and then running spicetify apply, but nothing has changed :(.

Edit (Solved): For future users with the same problem that may reach this: I have edited background-color: line of .lyrics-lyricsContainer-LyricsBackground class in ~/.spicetify/CustomApps/lyrics-plus/style.css file.

brazen cedar
#

run the command "spicetify apply enable-devtools"

#

and you can use inspect element

#

to select the background

#

and find out how to change the background color

#

just right click anywhere that doesnt trigger spotifys right click menu

#

and you can open Developer Tools that way

#

to do that

feral storm
#

@brazen cedar After clicking inspect element on the background of lyrics-plus the following has appeared:

brazen cedar
#

now just look around and see what highlights the background

#

or in the right panel see what has the background color set

#

and then you can use the class name (the most uniquely identifiable piece of text in that class = "whatever" string) to edit the background-color

#

if you wanted it transparent it would just be background-color: transparent

#

if you wanted a color it would be background-color: rgb(x, x, x) - x is out of 255

feral storm
#

(Just to tell... I don't know anything about .css or .js, although I do computer science)

brazen cedar
#

yeah that's fine

#

this stuff is super simple

#

what I told you should be enough

#

just explore through there until you hover over something that looks like the background or what I said (by looking at the right panel)

feral storm
#

I will try that

#

Thank you

#

Update: It worked! Thank you again, @brazen cedar 😄

brazen cedar
#

np

feral storm
#

For future users with the same problem that may reach this: I have edited background-color: line of .lyrics-lyricsContainer-LyricsBackground class in ~/.spicetify/CustomApps/lyrics-plus/style.css file.

tropic kestrel
#

you're joking right @brazen cedar

#

you can literally change this in lyrics-plus settings

brazen cedar
#

I do not use lyrics-plus

#

they mentioned css from the get go so I answered their question in relation to that

tropic kestrel
#

😭 you didn't think to check before answering his question?

brazen cedar
#

bruh i got like 5 bajillion things to do

#

i type all dat in like 5 seconds

#

good enough for me

tropic kestrel
#

Mr popular