#PurplePrune
lethal canyon
vencord's transparency toggle doesn't seem to work for me?
it's not transparent, and i can still resize the window, but it says i shouldn't be able to
rich bobcat
vencord's transparency toggle doesn't seem to work for me?
it's not transparent,...
that doesn't seem to be an issue with the theme
but also idk why it says that
I've never had an issue with resizing with the transparent windows
lethal canyon
yeah
i think this is just a me issue, but i thought you might know why
rich bobcat
hmm, did you disable the background image?
lethal canyon
yeah, but i don't even see the background image
lethal canyon
I did it from the taskbar icon
I see the image when discord launches, but not after
lethal canyon
yeah
lethal canyon
nothin
rich bobcat
I used ash
rich bobcat
ah
rich bobcat
i'm on onyx, but i tried ash too
you mean black fartball?
anyways
that's weird
do you
have
client themes enabled
lethal canyon
no. Do i need it enabled?
also fuck i lost my 1k line quickcss while restarting...
ig that's a lesson not to store all my css in quickcss without making frequent backups
vale creek
vencord's transparency toggle doesn't seem to work for me?
it's not transparent,...
i believe i did have this issue before, unfortunately :(
vale creek
you mean black fartball?
CRYING
i call it the black. fartball theme ONCE.
cus i forgot the name and went "random bullshit scentence GO"
vale creek
ig that's a lesson not to store all my css in quickcss without making frequent b...
THANK YOU I UH. DO LITERALLY THIS EXACT THING
lethal canyon
i luckily just found a "backup" from a few weeks ago when i tried out equicord, and put my quickcss in there
vale creek
good idea to make backups rather than relying on vencord and equicord's cloud servers ๐ญ
lethal canyon
ok i don't have it on, so no lmao
vale creek
๐
i use it cus i use vc (and ig now equicord) on multiple devices
also while i like the extra plugins with equicord, not all seem to be properly maintained, whereas vencord plugins usually always work and known issues are made if one doesnt
equicord's server seems also a little less organized than vencords ๐ค
anyway im rambling .. oopsie
rich bobcat
no. Do i need it enabled?
oh do you have the transparency effects?
uhh so you have transparency but not background
lethal canyon
i had this enabled
I don't actually use themes, i was just kinda curious to try it, so it's not super important to figure it out
rich bobcat
oh, it sucks that this is your experience with it
try downloading the theme as a file possibly and add it to
..uhh
your themes folder
lethal canyon
I don't think that would cause it
rich bobcat
hmm me neither
it seems like you're getting half the effects
you mentioned how you have a really long uhh
quickcss
lethal canyon
i removed it and replaced it with your theme
lethal canyon
(and in the process lost it, but i got it mostly back now, so i can do a bit of debugging on your theme now)
rich bobcat
hmm
seems really weird that it'd do that in general
could you try doing like
* { background: 0 0 !important;}
lethal canyon
ok it does work in browser
and yeah that works
well i didn't do that, i did html * { background: transparent!}
rich bobcat
why lol
lethal canyon
well that would also set html to transparent
rich bobcat
so you have some kind of experiment or variant of dihcord Dom that features a new element which isn't affected by
theme options?
what kind of
lethal canyon
ok i found it
i have no idea why fast follows adds this
i assume it's from fast follows
yeah it is
i have no idea why it does darker guild list by settings a background across the whole app
ok so fast follows doesn't add the element, there's just another style that has higher specificity because of the .refresh-fast...guild-bg selector
rich bobcat
I see now
it's right, it's my fault I didn't style that specific variable
@lethal canyon
the theme should work now
brazen swift
This might be weird to say but I noticed gifs get pixelated with this snippet turned on
I'm not sure if that's theme issue or css overlapping with something else I have
Okay I checked and it's not css overlap
(oddly specific example choice)
Okay it's not just gifs, all attachments get pixelated
lethal canyon
it's all (almost) images
html has image-rendering: pixelated for the background image
lethal canyon
This might be weird to say but I noticed gifs get pixelated with this snippet tu...
add body { image-rendering: auto; }
brazen swift
add `body { image-rendering: auto; }`
It works, thank you 
open flame
lets work on a fusion from this and midnight
rich bobcat
This might be weird to say but I noticed gifs get pixelated with this snippet tu...
my bad
I decided to make it so that pixel art gets rendered right by default
rich bobcat
i assume it's from fast follows
what's fast follows
lethal canyon
what's fast follows
dev://experiment/2025-04_desktop_refresh_fast_follows
meager radish
@rich bobcat there's a missing backdrop-filter:blur; on autocomplete__13533 autocomplete__6b0e0 autocompleteAttached__6b0e0 (not sure which class you wanna put this on, so I just gave you all so you can find it) (the emoji selection thingy that shows up when you type :) no?
rich bobcat
<@1177484931623026769> there's a missing `backdrop-filter:blur;` on `autocomplet...
it's a bit more sophisticated, you're gonna have to wait for me to get home
i need to use a pseudo element to style it
meager radish
wdym "it's a bit more sophisticated"?
-# I just put it there and it worked
rich bobcat
wdym "it's a bit more sophisticated"?
-# I just put it there and it worked
it's not only a emoji selector
it's also used to select commands and I believe games
meager radish
it's a bit more sophisticated, you're gonna have to wait for me to get home
btw ye no worries take your time
rich bobcat
there's another view I think
rich bobcat
btw ye no worries take your time
meager radish
it's also used to select commands and I believe games
oh ye, but those have to have that backdrop filter as well anyways?
rich bobcat
oh ye, but those have to have that backdrop filter as well anyways?
hmm
the reason I'm cautious is because backdrop blur can be very volatile
in the sense that it can move absolutely attached components
and doesn't have support for nested backdrop blur
meager radish
๐ I'm adding it in my css for now, will remove it if you add it in yours
-# (btw also added it on .buttons__5126c and .reactionTooltip_b49891)
rich bobcat
๐ I'm adding it in my css for now, will remove it if you add it in yours
-# (bt...
buttons 5126 acted weird
and idk where reaction tooltip is from
im getting to it rn tho
oh thanks
meager radish
and idk where reaction tooltip is from
on hover of the reaction
rich bobcat
yeah i figured
it might be with emojis too
mhm
yeah im getting to everything just give me a bit
meager radish
it might be with emojis too
doesn't seem to be the same
meager radish
oh
rich bobcat
no wonder
hold on
yeah those are themed
nvm lmao
reminder: if somethings not working consider turning it on
meager radish
btw I think that's only usefull to me, but since I use the compact version of the member list I added it on .membersWrap_c8ffbb as well
And classes seem non-specific there, so idk where to add it, but when you right click a server then "server info" it's not blured either
meager radish
ye just a sec
rich bobcat
no problem
meager radish
wtf it's not blured anymore, I'll look why
rich bobcat
what do we think about the little fade at the bottom
i fuck with it
going
going
sold
meager radish
lol idk what you talking about
rich bobcat
glad we're on the same page
it looks a little weird with those flat color banners
what the hell thats so cool
its okay il keep your secrets ๐
meager radish
๐ฅธ ๐ ,
meager radish
Thanks
I do, but am switching to niri
rich bobcat
good choice ive heard
meager radish
what the hell thats so cool
it's in #๐จ-css-snippets somewhere (not by me)
meager radish
buttons 5126 acted weird
in what way?
(it doesn't for me, and it's the buttons when you hover a message, so I think it's great if they have it)
meager radish
btw I think that's only usefull to me, but since I use the compact version of th...
oh my dumbass deleted the message with the vid, but anyway I wanted to add that it's even better to do .members_c8ffbb:hover since you don't want/need it when it's not hovered
search needs one as well
(.container__16eb0)
meager radish
(`.container__16eb0`)
this does some others maybe tho
rich bobcat
in what way?
(it doesn't for me, and it's the buttons when you hover a message, ...
it'd blur the text but not the background
for some reason
i might have targeted the wrong component
the first update to my theme is about to take place :3
what the hell webstorm
meager radish
it'd blur the text but not the background
if you're talking about the background that is behind discord that is normal, if you're talking about another one that is weird, it works for me
meager radish
oh wait I changed the way to apply the background, lemme test with the normal way
rich bobcat
huh actually buttons__5126c isnt its correct element
but it does work i verified
it should be popover_f84418
meager radish
nah it does blur for me even with normal background
vale creek
what the hell webstorm
HELP
rich bobcat
im gonna be real i have no clue what i was on it works perfectly fine
meager radish
huh actually buttons__5126c isnt its correct element
ye that's possible, there's a bit too much that gets blured (you can see on the screenshot it extends to the left), must be the container I'm selecting
rich bobcat
ye that's possible, there's a bit too much that gets blured (you can see on the ...
correct
do popover_f84418
or.. dont since im just gonna push a new version anyways
you might have to wipe all your local changes
except the memberlist
meager radish
you might have to wipe all your local changes
na I have a lot others, I'll just remove this (or at least the part you added from the selectors)
rich bobcat
search needs one as well
gonna be so down w you but i have no fkin clue whats going on with this thing
is the text partially transparent?
meager radish
is the text partially transparent?
o ye idk, but that's possibly only on my end, is ok, I was talking about the fact that there's no backdrop on that one
meager radish
lol it does make it work, but idk if it selects stuff it's not supposed to
I did not find any tho
rich bobcat
im too tired to match selectors atm and the selector you found seems to fix it good enough
autocomplete is fixed btw
oh yeah i intergrated transparent messageboxes
awesome snippet
benny say hi
@vale creek
vale creek
haiii
rich bobcat
benny is the maintainer for it
vale creek
rich bobcat
i kinda gave up on it and benny fixed the biggest issue w it and now its awesome
meager radish
oh yeah i intergrated transparent messageboxes
in this update or it already was there?
rich bobcat
in this update or it already was there?
upcoming update
you can disable it tho
er.. right.. if you can disable it but keep blur on that.. makes.. uh
that poses conflicts
okay il manually implement blur anyways
vale creek
i kinda gave up on it and benny fixed the biggest issue w it and now its awesome
surprised i was able to at all LOL
was experimenting with attributes and managed to fix it
meager radish
I remember I had some issues with it, but maybe I don't remember correctly
rich bobcat
I remember I had some issues with it, but maybe I don't remember correctly
whats up
meager radish
I don't even remember, I think you can add it it must just be some conflicts with my other snippets, I'll fix them on my end
vale creek
I remember I had some issues with it, but maybe I don't remember correctly
if youre talking abt the seperate transparent messagebox snippet, the issue with it jumping up occasionally should be fixed
if not... i suppose this is cats problemo to look into (or you i suppose, since you mentioned wanting to look into it)
vale creek
damn, benny you uhh
i didnt?
rich bobcat
uhh thing uh
bar
floaty one
oh i guess its not broken but the color doesnt match
vale creek
new message bar?
vale creek
thats ok :3
meager radish
if youre talking abt the seperate transparent messagebox snippet, the issue with...
no it wasn't that, btw the messagebox is already transparent for me, that doesn't come from your snippet?
meager radish
oh ye I see
meager radish
oh ye just tested, the issue I had was blur not working, but if that works for you it definitely comes from something else in my css, I'll fix it
meager radish
whats container 16eb0
the search modal
meager radish
.autocomplete__13533, .popover_f84418, .members_c8ffbb:hover, .reactionTooltip_b49891, .container__16eb0
these are all the ones I set on my end
meager radish
:root {
/* if backgrounds are enabled this acts as a background tint*/
--window-tint: #0007;
/* Theme Background, replace with none if you want transparency*/
--theme-background-image: none;
/* Works best with background enabled ^ */
/* Blur 1 for on 0 for off*/
--enable-blur: 1;
--blur-strength: 4px;
image-rendering: auto;
&::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
opacity: 0.25;
transition: all .3s ease-in-out;
background-size: cover;
background-repeat: no-repeat;
/* background-position: center;
background-image: url("https://files.catbox.moe/np3xrb.jpg"); */
background-image: url("https://files.catbox.moe/mk957o.png");
background-position: right;
}
&:focus, &:focus-within, &:hover {
--window-tint: #000e;
&::before {
filter: blur(2px);
}
}
.autocomplete__13533, .popover_f84418, .members_c8ffbb:hover, .reactionTooltip_b49891, .container__16eb0 {
backdrop-filter: blur(var(--blur-strength));
}
body { transition: background .3s ease-in-out; }
}
in case you want anything else from what I've changed, here's everything
rich bobcat
all good
thank you
also you could bring those out of root
oh.. huh
how are you
meager radish
also you could bring those out of root
ye I know, but I like them there so I know everything here is regarding your scnippet
rich bobcat
okay, seems like you know what you're doing i wont question it
meager radish
nw, there's maybe some better ways to do what I'm doing, but I don't hate this method and it works
rich bobcat
kind of ironic how the goal for this theme was to
quote
"not reinvent most of the wheel"
and yet here i am
meager radish
kinda clean tho, I had one transparency snippet I did before, it was uh.. badly done lol
rich bobcat
.. christ
๐ญ
do you have any idea how ambigious this is?
at least include the element type
meager radish
your comments are a good idea I didn't have, and when I did it I thought that using [class*=] would prevent discord from breaking it.. which just made it harder to fix when discord fully changed it's classes
meager radish
ye performance is another reason they're bad but I have a good enough computer where it doesn't make it laggy so I didn't care before
rich bobcat
your comments are a good idea I didn't have, and when I did it I thought that us...
honestly i decided that even when i do make dynamic selectors i include the full classes in comments
because update tools pick up on them and help me debug them
its so easy
meager radish
nice
meager radish
๐ฟ
rich bobcat
kind of upset
the vencord uhh
invite thing
has a suspiciously discord color background
and i was like "wow there's a part i didnt theme"
and spent like 5 minutes looking for it
okay pushing the update
https://github.com/computer-catt/PurplePrune/commit/c905570ea0815f4d0ab2cad259ea5b5b1bf70bd7
@meager radish
i should have added benny as coauthor
im doing it
vale creek
rich bobcat
hey silly
meager radish
lol thks, would it be possible to change that email as well?
rich bobcat
i can hide it if you want
but its public on every single one of your github repos
youd need to use the one connected to your github account to be uhhh... verified as the right account, otherwise its gonna show you as a default user
meager radish
na is ok, I just changed it some time ago but must've done it wrong
meager radish
no worries, it's not
rich bobcat
alright cool
rich bobcat
no worries, it's not
what email would you like me to change it to?
meager radish
what email would you like me to change it to?
rich bobcat
simple enough
meager radish
ye, would like to not use gmail, but too lazy to switch all my accounts from using this email now lol
rich bobcat
it didnt register your github account
would you like me to go back to the other email or are you okay with that
meager radish
weird
meager radish
would you like me to go back to the other email or are you okay with that
no don't worry, even just the username would've been fine for me
rich bobcat
alright, thank you for helping :3
meager radish
np, was fun
rich bobcat
let me know if you have any other issues
damn it i forgot to fix the typo
whatever ๐ญ
rich bobcat
weird
also i think its my mistake actually because i forgot to do the arrows, im gonna try again
meager radish
also i think its my mistake actually because i forgot to do the arrows, im gonna...
btw just to know where did you get the other email?
rich bobcat
i cloned your tickzones repository and just copied the information you pushed your latest commit with
i should have asked, im sorry
meager radish
really no worries, don't appologise lol
rich bobcat
there we go
meager radish
@vale creek
div.channelTextArea_f75fb0::before, div.wrapper__44df5 { /* actual text area */
backdrop-filter: blur(var(--tm-blur)); /* Configure blur amount here */}
is there a reason the filter is on ::before in the textarea snippet?
(just asking before I have my cat on that ::before and that's why I don't get the blur, but if I put the blur on the element itself it works)
rich bobcat
<@411305656231133194>
```css
div.channelTextArea_f75fb0::before, div.wrapper__4...
yes
i made it like this because otherwise this would throw off the absolute positioning of the autocomplete menu
or the reply bars
i dont exactly remember
meager radish
i made it like this because otherwise this would throw off the absolute position...
sry for the wrong ping thought benny did it
vale creek
cat made the original snippet, then i maintained it, and made tweaks and fixes
rich bobcat
vale creek
and today cat cleaned it all up and added the lil config :3
vale creek
this might be my bad, whoops
meager radish
i made it like this because otherwise this would throw off the absolute position...
removing line 23 ( &::before { content: ""; position: absolute; inset: 0; border-radius: inherit; } /* Set up blur */) and the ::before on line 16 makes it work for me
meager radish
[DELETED]
that worked better for me
oh and idk why the gap is too big here, but it did that before as well for me so I guess it's only on my end
-# (the white background is only to test lol)
vale creek
does &::-webkit-scrollbar-button:end:increment { height: 35%; } work instead of
&::-webkit-scrollbar-button:end:increment { height: var(--textarea-height); }
if height 35% doesnt work, just change that value around until it looks right to you
meager radish
does `&::-webkit-scrollbar-button:end:increment { height: 35%; }` work instead o...
no, because I cahnged the height of the whole thing, now if you make it 35% it goes way up
vale creek
no, because I cahnged the height of the whole thing, now if you make it 35% it g...
you can try lowering it then maybe ๐ค
meager radish
[DELETED]
that worked better for me
oh and also in this "version" the chat doesn't go up when the textarea becomes bigger, I'll try to fix that
vale creek
oh wait you arent using the base transparent message box snippet that... i think wouldve been in the snippet
i experimented around with a lot of different things and what i have now is like the only thing that seemed to work ๐ญ
meager radish
oh wait you arent using the base transparent message box snippet that... i think...
because it moves my cat lol
vale creek
because it moves my cat lol
oh? thats evil..
im unsure why it does that..
well, good luck, i hope its not as infuriating for you as it was for me and cat
meager radish
im unsure why it does that..
it uses the same ::before
I could fix it by putting my cat in another element, but I wanted to give a try at redoing this because why not
vale creek
it uses the same ::before
I could fix it by putting my cat in another element, b...
true...
well, again, good luck
the transparent messagebox snippet was absolute hell to get working. cus everything we logically did to get it to work. always seemed to have some oddness.
such as when editing a large message, it causes the entire chat to shift upwards
and if you set anything to absolute, the chat doesnt become adaptive to a lot of text, or it doesnt push the chat messages up with it, stuff like that.
meager radish
[DELETED]
that worked better for me
k so this fix is dumb
meager radish
removing line 23 (` &::before { content: ""; position: absolute; inset: 0; borde...
but this was still a fix for me
(ok me dumb, it fixed the cat on top of the blur)
rich bobcat
but this was still a fix for me
(ok me dumb, it fixed the cat on top of the blur...
can I have your cat
I'll fix it
meager radish
can I have your cat
I can send it to you if you want but removing those two things fixed it for me anyway
rich bobcat
I can send it to you if you want but removing those two things fixed it for me a...
I do wanna see it
because I don't want it to cause issues for other people
meager radish
because I don't want it to cause issues for other people
will send, but I rlly don't see the use of the ::before for bluring
iirc it's an edit that I did of a V2 that someone else made of a snippet that someone else made lol
here's my settings:
/*#region oneko on message bar V2 settings */
/* Oneko skins :
ace
black
calico
fox
ghost
gray
jess
kina
lucy
maia
mike
moka
silver
silversky
spirit
valentin
default
*/
/* Animations :
run โ 0.2s-0.3s recommended โ
runleft
alert โ 0.2s-0.5s recommended โ
spinninL
spinninR
wallscratchUp
wallscratchLeft
wallscratchDown
wallscratchRight
*you'd rather not use these for typing-animation but they exist :
gotosleep wakeup sleep
*/
[class^="channelTextArea"]::before {
--wakeup-duration: 1s; /* โ 0.5s-1s recommended */
--sleep-duration: 0.6s; /* 0.5s-1.5s recommended */
--typing-duration: 0.7s;
--typing-animation: wallscratchRight;
--oneko-skin: var(--black);
top: -32px;
right: 10px;
left: unset;
}
[class^="channelTextArea"]::after {
--wakeup-duration: 0.6s;
--sleep-duration: 1.4s;
--typing-animation: spinninL;
--typing-duration: 0.5s;
--oneko-skin: var(--maia);
top: -16px;
left: 10px;
}
/*#endregion */
could be redid to not use class^= but at least it haven't broken in so long it's nice
open flame
it looks a little weird with those flat color banners
Weird that my profile is being used as an example xD
rich bobcat
Weird that my profile is being used as an example xD
it showed what I was talking about
gilded belfry
for whatever reason my theme background is some anime girl, even though in the code the background is the galaxy stuff
meager radish
@rich bobcat ok so the issue of puttin backdropfilter on the element itself and not on a ::before is that all elements that are in the textarea can't have a backdrop (that includes the emoji/command autocomplete), my fix is just putting the filter on div.channelTextArea_f75fb0>.scrollableContainer__74017 instead of div.channelTextArea_f75fb0, but then my blur on the collapsable chat buttons broke so instead I put it on div.channelTextArea_f75fb0>.scrollableContainer__74017>.inner__74017>*, div.channelTextArea_f75fb0>.scrollableContainer__74017>ul which I think is as reliable as a ::before but is better because it only changes actual elements (selector can maybe be made better tho)
also for the emoji/sticker/GIF picker I thik it'd be better if the selector was on .drawerSizingWrapper__08434 (or actualSelector>.drawerSizingWrapper__08434) because it's an absolute element and the parent can not-follow it's size easily (as it is doing in my case)
rich bobcat
<@1177484931623026769> ok so the issue of puttin backdropfilter on the element i...
told you there's a reason for itt
meager radish
indeed, just did not see it when I changed it
rich bobcat
<@1177484931623026769> ok so the issue of puttin backdropfilter on the element i...
uh
oh the
huh
I was confused about the emoji thing
meager radish
do you want some screenshots to make it clearer?
rich bobcat
do you want some screenshots to make it clearer?
nah it's okay
I just thought there wasn't a good selector for it because that wasn't on all of them
either way
meager radish
will you change those two things or not?
(just so I know if I keep the import or put the CSS directly in my quickCSS and modify it)
rich bobcat
will you change those two things or not?
(just so I know if I keep the import or...
uhh not rn so do what's best for you
rich bobcat
Computing Cat, This is so niche!
you mean nice?
rich bobcat
hope you don't mind if I make my own version
sure that's fine
but I also hope by that you mean you're starting from scratch and not just copying my theme and calling it yours
sage ore
but I also hope by that you mean you're starting from scratch and not just copyi...
Yeah i gave up classic me
meager radish
btw I found another lil issue, the settings modal has it's parent with a backdrop as well, so the whole window is blured instead of just the modal
rich bobcat
im back
rich bobcat
btw I found another lil issue, the settings modal has it's parent with a backdro...
yeah i clocked it im gonna fix it
i cant find a way to generically include all uh
modals and stuff
without doing fullscreen ones
so im just
not gonna do it
rich bobcat
<@1177484931623026769> ok so the issue of puttin backdropfilter on the element i...
im not sure about the gif suggestion
what does it mean exactly
i think i fixed the theme
meager radish
i cant find a way to generically include all uh
for the settings one specifically you can just add a :not(containerID) (something like <<uw>> I don't remeber)
meager radish
oh didn't know that lol
rich bobcat
gonna do it on my end then, not a pb
no i mean im fixing the issue
its just gonna be in a way that might.. uhh prompt for more.. maintenance later
meager radish
oh I understand ๐
meager radish
i think i fixed the theme
that means I don't try to explain the GIF thing or it's related to something else?
meager radish
๐ nice
rich bobcat
it wasnt actually ever broken
that part already has blur
its just killed by the parent blur
meager radish
oh I see
meager radish
oh there's something else I just remembered
rich bobcat
im editing the wrong file and not seeing any changes
meager radish
I had to add .popout_15748 (not sure it's the right selector, but worked and I don't see issues with it for now) to the backdrop thing because the <selects>'s options didn't have backdrop
meager radish
what "app" is that btw?
meager radish
what is popout 15748
well must be the wrong one then lemme check, but it's supposed to be all of those
rich bobcat
oh yeah thats
yeah thats reasonable
let me fix that
uhh
can you show me how it looks for you
there's some layer bs going on
meager radish
well must be the wrong one then lemme check, but it's supposed to be all of thos...
looks like that without the red
lemme look what overides it if it's supposed to be there
rich bobcat
i used the class listbox 2e223
rich bobcat
looks like that without the red
lemme look what overides it if it's supposed to ...
if that loooks okay to you then thats fine
it just isnt uh
interacting properly with transparency
that text is supposed to be far more blurred than it is
the issue is the fact tthat the base container is transparent
the same thing happens to
discord if you make the background transparent
anyways unless there's something else im missing, im gonna be pushing this
meager radish
I can't use the "select element" in the devtools for some reason it's so teadious to go look at elements..
meager radish
anyways unless there's something else im missing, im gonna be pushing this
listbox_2e223 doesn't seem to work for me, gonna take a lil time since devtools but gonna check why
rich bobcat
mk
meager radish
isn't [role="listbox"] better?
popout seems to be a generated one, it's not the right selector anyway
rich bobcat
`listbox_2e223` doesn't seem to work for me, gonna take a lil time since devtool...
it has 2 __ btw
meager radish
oh
rich bobcat
isn't `[role="listbox"]` better?
popout seems to be a generated one, it's not th...
hmm.. i suppose
i was mainly worried that [role="listbox"] had elements with special functions
like
subboxes
in which case it'd have to go in the pseudoelements box
ig thats an issue to deal with later tho
you're right
meager radish
it has 2 __ btw
ye I can't even find that element
meager radish
<div
id="popout_3619"
class="theme-dark theme-darker images-dark layer__59d0d"
style="position: absolute; top: 236px; left: 453px; --reference-position-layer-max-height: 538px">
<div
class="popout_a16aea none_d125d2 scrollerBase_d125d2"
dir="ltr"
role="listbox"
tabindex="0"
data-list-id="ยซrhk6ยป"
aria-orientation="vertical"
style="overflow: hidden scroll; width: 696px; max-height: 134px; padding-right: 0px">
</div>
</div>
that's what I have, there's no listbox except the role
rich bobcat
gosh blur messes up everything royally
rich bobcat
```html
<div
id="popout_3619"
class="theme-dark theme-darker images-dark...
huh.. .what
hold on
yeah i have it idk
meager radish
oh ye kinda weird
rich bobcat
i used the version that should uh
work for everybody
you included
here's my version
lmk if it works
nvm i have to clear smth
i used no blur options
meager radish
btw something else I just saw but might be fixed by the fact you're not bluring containers anymore:
the backdrop get "applied as a rectangle" on the profiles, so it goes further than the actual profile since there's a border radisu
meager radish
nvm i have to clear smth
thought you wanted me to wait
rich bobcat
i uploaded the theme lol
meager radish
I don't get the transparent messagebox anymore, but everything else seems to be fixed
meager radish
oh wait that's my bad
rich bobcat
was gonna say i didnt think i did anything for that
meager radish
well it's still broken for me but that's because of other things I did and I think you said you didn't want to change the selector?
rich bobcat
im up for fixing everything right now
you can wipe all your local changes temporarily
everything should be fixed
meager radish
<@1177484931623026769> ok so the issue of puttin backdropfilter on the element i...
ye I did, but what I explain here for the textarea isn't
the rest is all fixed tho, nice ๐
meager radish
messagebox?
meager radish
iirc it's an edit that I did of a V2 that someone else made of a snippet that so...
it's there + it also conflicted with the blur from that:
/*#region Collapse the chat buttons except when hovering */
.textArea__74017 {
margin-right: 32px;
+.buttons__74017 {
position: absolute;
right: 0;
&:hover {
backdrop-filter: blur(2px);
}
&:not(:hover)>:not(:has(>[class*=emojiButton] )) {
display: none;
}
&:not(:hover)>[class^=container_] button>div {
margin-left: 8px;
}
}
}
/*#endregion */
uhhh........
meager radish
that's why in my msg I suggest to make the selector select the elements directly instead of the container
rich bobcat
i remembered why i didnt wanna mess around with it :3
meager radish
lol, you can check, but if you put what I said in my msg I don't see why it would break other things
rich bobcat
il try
meager radish
(removing the before as well, idk if that's in the message)
rich bobcat
the messagebox isnt exactly my domain
well i guess it is kinda
the selector doesnt select anything for me
im gonna try updating it
im looking at div.channelTextArea_f75fb0>.scrollableContainer__74017>ul
i dont have a ul inside my scrollablecontainer
rich bobcat
doesnt seem like a very stable selector then
meager radish
what?
meager radish
it's made to select every element in the textarea, so it selects that file-ul and then all elements of the textarea, if the ul doesn't exist it's ok it just does't select it
rich bobcat
hold on let me reread all of the messages
meager radish
I could remake one to summarise as well if you want
rich bobcat
nah its okay
i understand
i remember i did something similar
i dont remember why i didnt go with that solution however
div.channelTextArea_f75fb0>.scrollableContainer__74017>.inner__74017>*
div.channelTextArea_f75fb0>.scrollableContainer__74017>ul
you're proposing to use these 2 selectors instead
correct?
meager radish
yes, and removing the blur using the ::before since it does it
meager radish
```
div.channelTextArea_f75fb0>.scrollableContainer__74017>.inner__74017>*
div.c...
instead of "*" it's maybe cleaner to make an &> seelct children by children tho, idk, but for testing it changes nothing
rich bobcat
i dont see anything wrong with wildcard
meager radish
I know that since css starts from the last selector and goes up, wildcard (or "div" since it's used a lot) at the end of the selector could cause lag, never seen it myself tho
rich bobcat
balls
seems like thats it for purpleprune
textbox code is not purpleprune
its transparent messagebox
id fiddle with it but im feeling sleepy
yet i just woke up
sage ore
What's the snippet for "text, thread" etc on channel list?
Uuuuh equicord plugin
brazen swift
Uuuuh equicord plugin
Ohh thanks
rich bobcat
it might actually be possible with css
that's what I was thinking
what stops anybody from just using a pseudoelement
lethal canyon
effort
rich bobcat
effort
its kinda cheeks and uses a hack
but its ok
.link__2ea32::after {
content: "text";
position: absolute;
padding: 0 8px;
text-align: center;
right: 0;
top: 0;
bottom: 0;
margin: 8px;
background-color: var(--blurple-50);
font-weight: bold;
font-size: 80%;
color: var(--text-default);
border-radius: 8px;
}
.typeThread__2ea32 > .link__2ea32::after {
content: "thread";
}
.link__2ea32:has(> div > .iconContainer__2ea32[aria-label="Forum icon"])::after {
content: "forum";
}
@vale creek
this was the solution to the issue the other person had
vale creek
well... thats a selector and a half
brazen swift
Is there a way to make profile popout for users without nitro darker?
Or maybe making nitro users and non nitro semi-transparent?
to make it balanced
rich bobcat
oh uhh
sorry
i expected people to have blur on kinda
i can add an option for that
shit
i forgot a semicolon
sorry for anybody's discord breaking
im fixing it rn
@brazen swift should be fixed
its configurable with this variable:
--ProfilePopoutTint: #0003;
Thank you so much <3
It looks so nice now with #000017cc or #000017 to make it opaque
rich bobcat
Thank you so much <3
brazen swift
I made a little fix
The variable now changes profile modals, not just popouts
(before/after)
(more visible "after" example)
I changed this line:
.user-profile-popout:not(.custom-user-profile-theme) { background: var(--ProfilePopoutTint);}
and added .user-profile-modal-v2 to it
so it looks like:
.user-profile-popout, .user-profile-modal-v2:not(.custom-user-profile-theme) { background: var(--ProfilePopoutTint);}
Not sure if it's even properly done but thought it's good to mention
rich bobcat
I changed this line:
```
.user-profile-popout:not(.custom-user-profile-theme) { ...
thank you so much for the suggestion! you're right i should have included the variable on both popouts, il fix it up
actually im a little confused lol
in your snippet you apply the theme to all user profile popouts but only unthemed user modals? is this an intended thematic choice?
rich bobcat
im thinking of removing the container option for blur and just including different setups for the theme
container is a tinge more expensive than just not applying a theme
sacred rapids
What is that taskbar on top, like the one that shows spotify, vencord, cpu and so on... is it part of DC or smth else
vale creek
What is that taskbar on top, like the one that shows spotify, vencord, cpu and s...
hyprland on arch linux (cachyos) ask cat what theyre using for that in particular, i know it doesnt come stock with hyprland
sacred rapids
hyprland on arch linux (cachyos) ask cat what theyre using for that in particula...
man I have the smae stup lol XD
rich bobcat
What is that taskbar on top, like the one that shows spotify, vencord, cpu and s...
as benny said
its just waybar on hyprland, i could send you my dotfiles if you'd like
rich bobcat
hyprland on arch linux (cachyos) ask cat what theyre using for that in particula...
that ones on plain arch
but here's my laptop cachyos setup
sacred rapids
as benny said
its just waybar on hyprland, i could send you my dotfiles if you'd...
Shure! If u want
sacred rapids
as benny said
its just waybar on hyprland, i could send you my dotfiles if you'd...
But maybe just for Waybar... I don't want to destroy my own once
rich bobcat
alright no problem
sacred rapids
Oh wait My DMs are closed
rich bobcat
oh they're not very private i can share them here
sacred rapids
oh they're not very private i can share them here
They open now
rich bobcat
you're gonna need to make a few helper scripts executable if you want the music thing
tho i have a better version now from my laptop
also on my laptop all of my applets and widgets are tuis
i love tuis :3 and i love setting up my stuff like how i want it
let me get the waybar config
sacred rapids
i love tuis :3 and i love setting up my stuff like how i want it
That so true... Having full control is da best thing...
That's why I am working on this thingy...
vale creek
HEHE
rich bobcat
linx..
rich bobcat
That so true... Having full control is da best thing...
That's why I am working...
is this a theme?
rich bobcat
hmm seems a little extreme
sacred rapids
yeah I am still working on it, But if I get BetterCord + Vencord + Powercord plugins... Yeah...
sacred rapids
so whats the goal of this new app thingy
Uhh...Having all possible Plugins Plugins?
rich bobcat
? huh
how are you gonna manage that without a huge performance overhead
i think you'd be better off maing a plugin converter
sacred rapids
well let's just say currently it's not working soo... yeah ๐
rich bobcat
@sacred rapids
put those in .config/waybar/
and also do chmod +x ~/.config/waybar/mediaplayer.py
make sure you have python installed
you'll probably get a couple of errors before it would work properly
also back up your existing stuff
hmm
that player module kind of sucks actually
sacred rapids
Thx!
rich bobcat
hey for anybody checking in about the theme no longer turning off blur right
use this import link instead
this doesn't have transparent messagebox snippet tho
meager radish
Hey! me again, just saw it's lacking blur in the streaming preview window
rich bobcat
Hey! me again, just saw it's lacking blur in the streaming preview window
thought I got that
can you take a screenshot
