Updated this to darken profile related

[half tinsel]

What exactly is this doing? Cause i can't see any difference

[naive basalt]

it slightly dims your profile if set to invisible mode

[half tinsel]

mmmh i don't see any difference on my client

[velvet sleet]

Hmm, filter must just not be working. I'll see if I can use a :before pseudoclass or something to get the same effect when I get back on my pc

Or wait, is the border even working- oh wait I just realised I kept a bit of code meant specifically to tie it into the theme I've made

Okay so I think the fault might be that whatever you're using to get on Discord might not support filters, or it might not support the conditional selectors used for this to work

Depends on what parts of the style aren't working. If there's no change at all then it's likely the latter, if the pfp and that doesn't darken in invis and the rest does then it's filters that don't work

[naive basalt]

this version has the left border added

i just found out

[half tinsel]

What do you mean with "get on discord"?

[velvet sleet]

Yeah I realized that lmao

[naive basalt]

I ended up deleting the left borders ....

[velvet sleet]

As in patched Discord desktop, Discord web using the extention (in which case what browser you're using is good to know), or if it's Vencord's dedicated desktop version

[velvet sleet]

Yeah fair, deleted them from the code as well

And made sure to add transition to the border colour

[half tinsel]

Just vencord on discord ptb with openasar

[velvet sleet]

Guh that's what I've got as well
Uhh you sure you've copied all of the snippet? That you don't have any other css that could be conflicting with it?

[half tinsel]

All the code from you last post, I'm not sure if there is a conflict, I'll check that tomorrow

[velvet sleet]

Ah, well it's possible I guess, especially since it's less just more code to add, and more just replacing it all

[leaden rapids]

smol changes fo me

/* match display name's color on user profile container with their status */
:root {
    --online-color: #23a559;
    --idle-color: #f0b132;
    --dnd-color: #f23f42;
    --offline-color: #80848e;
}
.container-YkUktl:has(.avatar-1EWyVD[fill="#23a559"]) .title-338goq {
    color: var(--online-color);
    transition: all 100ms ease-in;
}
.container-YkUktl:has(.avatar-1EWyVD[fill="#f0b132"]) .title-338goq {
    color: var(--idle-color);
    transition: all 100ms ease-in;
}
.container-YkUktl:has(.avatar-1EWyVD[fill="#f23f42"]) .title-338goq {
    color: var(--dnd-color);
    transition: all 100ms ease-in;
}
.container-YkUktl:has(.avatar-1EWyVD[fill="#80848e"]) .title-338goq {
    color: var(--offline-color);
    transition: all 100ms ease-in;
}
/* darken pfp, name, and status text when in invis because why not */
.container-YkUktl:has(.avatar-1EWyVD[aria-label*="Invisible"]) .avatar-1EWyVD > svg > foreignObject, .container-YkUktl:has(.avatar-1EWyVD[aria-label*="Invisible"]) .title-338goq, .container-YkUktl:has(.avatar-1EWyVD[aria-label*="Invisible"]) .subtext-2HDqJ7 {
    filter: brightness(0.7);
}
.avatar-1EWyVD > svg > foreignObject, .title-338goq, .subtext-2HDqJ7, .container-YkUktl {
    transition: all 100ms ease-in;
}
/* hide pfp in user profile container (optional) */
.container-YkUktl .avatar-1EWyVD {
    display: none;
}

quite nice

[analog plume]

so cursed, but looks nice

[leaden rapids]

i've been thinking of making it colorblind friendly

do you know the code to include the status icons beside the display name?

[analog plume]

not sure how to do that, maybe you can use the code at the bottom but try to not include the svg for status icons, I think it was like wrapper- something, you could look up for other themes that mess up with the status icons like the one from salt or radialstatus

I don't know too much about css but sometimes its better to read it a bit

[leaden rapids]

yeah im looking into it

[analog plume]

I tried :not(.pointerEvents-2KjWnj) but I don't know why I try if I never used that thing before lol

but it works if I remove that not

[toxic bear]

You don't need to use the aria-label selectors, you can just select by the fill on the status indicator like :has([fill="#23a55a"])