alternative version that also shows the

[fair rapids]

when i use this snippet it doesnt work and displays the color blue,i think this is my theme doing this so how do i change it that when i use the snippet above it shows the songs background not my themes primary color?

[jagged nest]

update vencord or if that doesn't work disable your theme

[fair rapids]

ok

It still doesnt work even when using the defualt discod theme

O wait nvrm i figured it out

[stone shadow]

What did you change to make it work? For me its just being gray now

[fair rapids]

Send the script that you have. I changed the height value to 150% not 200 and it works perfect

[stone shadow]

Still not sure if I have to add the little snippet into that or just add it below as basically another plugin?

#vc-spotify-player {
    --blur-amount: 0px; /* higher px = stronger blur, 0 = no blur */
    --darken-percent: 0.8; /* 0 = album cover is not darkened, 1 = album cover is darkened fully (black) */
}

#vc-spotify-player {
    background: transparent !important;
    position: relative;
}

#vc-spotify-player > * {
    position: relative;
    z-index: 1;
}

#vc-spotify-player::after {
    content: "";
    position: absolute;
    display: block;
    height: 150%;
    width: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(rgba(0, 0, 0, var(--darken-percent)),
            rgba(0, 0, 0, var(--darken-percent))), var(--vc-spotify-track-image);
    background-size: cover;
    filter: blur(var(--blur-amount));
    clip-path: inset(0);

#vc-spotify-player + [class^="container"]
    background: transparent;
}

I added it at the bottom for now but I have no idea of coding so yeah

[fair rapids]

I'll check it when I get on my pc on mobile it's hard fr to tell the difference 😭

[stone shadow]

Ty, btw do I have to put those in the QuickCSS at the Vencord tab or can I make it a .css file and put it in themes folder?

[fair rapids]

@stone shadow

/*shows the background image when playing a spotify */
#vc-spotify-player {
    --blur-amount: 0px; /* higher px = stronger blur, 0 = no blur */
    --darken-percent: 0.8; /* 0 = album cover is not darkened, 1 = album cover is darkened fully (black) */
}
#vc-spotify-player {
    background: transparent !important;
    position: relative;
}
#vc-spotify-player > * {
    position: relative;
    z-index: 1;
}
#vc-spotify-player::after {
    content: "";
    position: absolute;
    display: block;
    height: 150%;
    width: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(rgba(0, 0, 0, var(--darken-percent)),
            rgba(0, 0, 0, var(--darken-percent))), var(--vc-spotify-track-image);
    background-size: cover;
    filter: blur(var(--blur-amount));
    clip-path: inset(0);
}
#vc-spotify-player + [class^="container"] {
    background: transparent;
}
```\

Thats the code

And yes you can make a .css file and put it in your theme folder

Both work

[stone shadow]

thanks!

[fair rapids]

Ye np

[fallen peak]

how can I fix the background getting bigger when the height changes?
I tried using px instead of %, but that didn't fix it

[jagged nest]

you need to move away from using background size cover

you can use background size with position

and overflow hidden to hide overflow

[fallen peak]

uh how do i do that?

[jagged nest]

idk figure it out

[fallen peak]

ok i can't really figure it out
best i came up with was changing height to px

Using background-position: center; is sort of ok though

[candid venture]

did discord change anything in their css cause this method doesn't show the cover below the user panel anymore