#**Gradient Direct Messages**

1 messages · Page 1 of 1 (latest)

inner ridge
upbeat robin
#

what does this actually do

#

imma try it

inner ridge
upbeat robin
#

woahhhhh this is cool

inner ridge
#

may add for group messages later

upbeat robin
#

wow this is good

#

amazing

#

thx for this

#

@inner ridge can you add this for the whole discord

#

like servers

inner ridge
upbeat robin
#

um

#

i think so

inner ridge
#

i guess so

upbeat robin
#

oh

inner ridge
#

it shouldnt be that hard to do

#

but 1st problem that i see is selecting colors

upbeat robin
#

i thought you already did that

jagged lily
# 
[class^="memberInner"]:has(div>div[aria-label*="Online"]) {
    background: linear-gradient(to right, rgb(68, 105, 68), transparent);

}

[class^="memberInner"]:has(div>div[aria-label*="Idle"]) {
    background: linear-gradient(to right, rgb(135, 105, 75), transparent);

}

[class^="memberInner"]:has(div>div[aria-label*="Do Not Disturb"]) {
    background: linear-gradient(to right, rgb(130, 70, 70), transparent);

}

[class^="memberInner"]:has(div>div[aria-label*="Offline"]) {
    background: linear-gradient(to right, rgb(66, 66, 66), transparent);

}

I threw this together real quick to apply to the member list and it seems to work fine

inner ridge
#

nice!

#

i will add Streaming later to it

inner ridge
#

frfr

jagged lily
inner ridge
#

color isnt perfect

#

@rugged silo trolley

rugged silo
inner ridge
#

just sayin

jagged lily
#

Yeah can probably just remove the aria label for offline

#

surely it won't break anything

image.png
inner ridge
#

also,https://raw.githubusercontent.com/Teeenoob/vc-css/refs/heads/main/ml-gradient.css

#

🙏

upbeat robin
#

ohh ok

#

yay

#

it works

#

amazing

pallid sundial
#

Omg best

mossy ledge
#

great css but it doesnt work with apps and dm gropus so maybe having that as like a warning could be useful

inner ridge
#

also may add for apps too later

cursive vigil
#

hey! is there a way you can adjust the transparency for this?

viral hollow
jagged lily
#

Theme is material-discord, banners are from a non vencord plugin

inner ridge
#

you can go to link and edit it in quick css

ocean ether
inner ridge
ocean ether
#

oh...wait

ocean ether
inner ridge
#

i can't fix it right now, so yea

ocean ether
inner ridge
#

i don't know then

ocean ether
livid kettle
#

YOOO i like it lol

inner ridge
#

you may want to put css @import url("https://raw.githubusercontent.com/Teeenoob/vc-css/refs/heads/main/dm-gradient.css"); next to other imports

sharp jasper
inner ridge
#

ew

stable oak
#

Why french ...

sharp jasper
#

because i am frech and maybe other people are

#

if you don't care just ignore it

inner ridge
stone linden
stiff oracle
#

adding a .25 opacity goes hard

#

ex: rgba(68, 105, 68, 0.25) for online

#

way easier on the eyes

image.png
stable oak
#

this goes hard

inland sky
#

here's a cross-lang version

# 
a[class^="link_"][href^="/channels/@me/"]:has(rect[fill*="#23a55a"]) {
    background: linear-gradient(to right, rgb(68, 105, 68), transparent);
}
a[class^="link_"][href^="/channels/@me/"]:has(rect[fill*="#f0b232"]) {
    background: linear-gradient(to right, rgb(135, 105, 75), transparent);
}
a[class^="link_"][href^="/channels/@me/"]:has(rect[fill*="#80848e"]) {
    background: linear-gradient(to right, rgb(66, 66, 66), transparent);
}
a[class^="link_"][href^="/channels/@me/"]:has(rect[fill*="#f23f43"]) {
    background: linear-gradient(to right, rgb(130,70,70), transparent);
}
a[class^="link_"]:has(div[class^="nameAndDecorators_"]) {
    background: linear-gradient(to right, rgb(55, 55, 55), transparent);
}
#

doesnt have streaming

inner ridge
#

found fill ("#593695")

inner ridge
inland sky
#

did bro 4x ping me lol

inner ridge
inland sky
#

sob