well normal is the background color of the whole chat
#🎨-theme-development
glass junco
oh makes sense i guess i'll keep what i got
echo frost
what are you trying to do?
glass junco
i was just seeing if there was a better way to do this
where message group backgrounds are slightly darker for visibility purposes
echo frost
are you trying to hide the message background?
echo frost
what are you doing rn?
glass junco
[data-list-item-id^=chat-messages___] {
background: rgba(0, 0, 0, 0.267);
}
that's a pretty reasonable way of doing it
tardy hemlock
Honestly that might be one of the best ways
echo frost
:(
doing it that way does override other types of backgrounds, so you might have to rewrite the css for those
not sure if there's a way to do it without having to do that
oh
i think if you do this it fixes that
:where([data-list-item-id^=chat-messages___]) {
background: rgba(0, 0, 0, 0.267);
}
@echo frost test
yeah
:where makes it 0 specificty
if i can spell
glass junco
i stylized something from the brand deal discord did with riot for arcane to use as my home icon :3 (b4 and after)
tardy hemlock
Would something background: CurrentColor, 0 work
Probably needs different formatting but idea is there
glass junco
i think if you do this it fixes that
```css
:where([data-list-item-id^=chat-mess...
shnoice :3
echo frost
Would something ``background: CurrentColor, 0`` work
wdym
glass junco
yeah we need more context
tardy hemlock
Like take the current Color and mess with the transparency
echo frost
oh
echo frost
i think you'd need to use color-mix() for that
tardy hemlock
Ah
glass junco
yeah
glass junco
thoughts on arcane btw?
i cried to the series 3 times each for over an hour. and for reference, i had never cried to fiction before this
shrewd tree
i stylized something from the brand deal discord did with riot for arcane to use...
wompus finally officially dead???
glass junco
i cried to the series 3 times each for over an hour. and for reference, i had ne...
i have also the past three days ruthlessly putting effort into an ekko edit (still not done)
echo frost
i cried to the series 3 times each for over an hour. and for reference, i had ne...
based
how many times have you watched arcane
glass junco
twice fully
echo frost
i watched s1 twice but s2 only once so far
glass junco
i cant do that again for a while i have my mental health to worry about man 
echo frost
i've been planning on rewatching both seasons for like 2 months, but i haven't had the free full day or two i want to just watch it
glass junco
thoughts on the theme so far
oh shit i have 2 hours before i have to go to school
and i havent slept
speedsleep time chat nini
echo frost
pretty cool
what are these though?
are you censoring servers or is that something else
echo frost
bit weird imo
glass junco
that doesnt stand for anything btw i just have lots of random test servers Lol
glass junco
bit weird imo
i just put it there bc 1: the themes is only for me and my wife and 2: helps keep focus on the more important servers
plus an empty server can be used as a spacer
NNINI CHATTTTTT
echo frost
gn
pure cairn
Gn
mortal mantle
okay classes fixed again
gilded radish
okay classes fixed again
same here! though I am wondering how I can fix that discovery icon (it's been like that before the update too)
so like, if anyone knows, would be helpful!
harsh flicker
so like, if anyone knows, would be helpful!
the calss for the div wrapping the discovery button is: listItem__650eb Take a look in your theme for any references to listItem__650eb it'll likely have:
.listItem__650eb {
background-color: #1e1e22
}
or something similar.
Replace that with:
.listItem__650eb {
background-color: transparent !important.
}```Default discord has css setting the background color of the discovery icon footer
You'll need to set the background of the element .footer__214dc to be transparent/none/unset
gilded radish
the calss for the div wrapping the discovery button is: `listItem__650eb` Take a...
I'll try that when I get home, thank you!
clear siren
leave my rgba alone hex can eat a rock
I will not leave you alone for using ulgy legacy syntax though
rgba(r, g, b, a) -> rgb(r g b / a)
also both rbg and hex can eat a rock, oklch best :3
echo frost
what about oklab :(
clear siren
I guess cool but very confusing, at least oklch is very similar to hsl and therefore fairly intuitive
echo frost
I think oklab is more perceptually uniform
clear siren
lab color space is just idk how anyone can think of colors in terms of "how red/green" and "how blue/yellow"
echo frost
oh wait are oklab and oklch the same space
plain kelp
I believe oklch is to oklab like hsv is to rgb
clear siren
oklch is to lch like oklab is to lab :D
plain kelp
Ok
echo frost
The oklch() functional notation expresses a given color in the Oklab color space. oklch() is the cylindrical form of oklab(), using the same L axis, but with polar Chroma (C) and Hue (h) coordinates.
from mdn
(i only really know about oklab from this video using it for a color space with all the blocks in minecraft https://youtu.be/nJlZT5AE9zY)
chilly quail
does any1 have that css snippet which turns everything into skeleton loaders?
so you can showcase a theme without leaking stuff
chilly quail
https://discord.com/channels/1015060230222131221/1028106818368589824/12441702463...
danke
that shit should be pinned ngl
its peak
gusty shell
anyone here a css goat and knows how to move the nitro badge back to where it was
echo frost
it's already there for me
but you can use order for them
i moved the donor badge as an example by applying order: 1 to all of the underlined ones
half crystal
god the most annoying thing about visual refresh is that it uses a new method for displaying the window decorations, using attributes
meaning that vesktop has no support for them
i cant fix it with a custom plugin
yyyeerrraarrsesssarseaandthgrasssmannpunkyeseyahhavinh
tardy hemlock
afternoon
clear siren
god the most annoying thing about visual refresh is that it uses a new method fo...
yep that's annoying
elfin torrent
How can I select something with the “Pick an element from the page” if the overlay disappears as soon as you click away. I hope you understand what I mean.
CTRL + Shift + C doenst work for me.
clear siren
How can I select something with the “Pick an element from the page” if the overl...
f8break plugin is your friend
you trigger the showing of the element while you have devtools open, press f8 to freeze discord and then inspect to your heart's content but do note that the element picker will click through some tooltips for an example due to pointer-events: none I'm assuming
steel scroll
How can I select something with the “Pick an element from the page” if the overl...
^^ this, but for tooltips you can also avoid using the element picker, they are placed in a floating element very near the root so scroll all the way up and start looking
but remember to use F8 to break first
clear siren
or scroll all the way down, many layers are at the end of the tree
echo frost
`CTRL + Shift + C` doenst work for me.
you need to be focused on devtools for that to work
tardy hemlock
Crazy idea 👀
full badge
is there a way to freeze discord on the boot-up screen? Shiggy loader got broken by a new update and debugging is hard when you can't inspect the elements proper.
nvm f8break
half crystal
THEY READDED IT
oak plover
oh my fucking god
crimson skiff
THEY READDED IT
burnt maple
wait readded what
oak plover
That stupid thing in refresh that shows the server name in the titlebar
burnt maple
huh
half crystal
what treatment is that
2
chilly quail
I assume you're running some theme too
echo frost
I assume you're running some theme too
prob this #🎨-css-snippets message
tardy hemlock
Discord please never follow through on visual refresh
echo frost
Discord please make visual refresh optional
half crystal
discord please keep visual refresh so i dont have to re-code this theme
mortal mantle
im experimenting with popular color schemes 
Rosebox still looks the best to me tbh
tidal heron
@pure cairn any chance i can borrow you for a moment?
tidal heron
Depends on what you need
im tryna think how to explain this hang on
tidal heron
the bottom right is there a way i can cut off that part of the member list so it starts from 1 above?
pure cairn
tidal heron
all i need is a yes/no and ill try and do it somehow
pure cairn
I remember tinkering with the memberlist a while ago
you might be able to set a custom height, but from what I remember the content is adaptive, which means borders and stuff may vary
tidal heron
i see
pure cairn
With my pc off, all I can say is
tidal heron
well thanks ill see what i can do
pure cairn
tidal heron
yea ofc i dont expect u to turn ur pc on at all lol
tidal heron
can u let me know once u have sorted yours out?
clear siren
I was gonna post similar except without the second class and with height: calc(100% - 30px);
yeah and 30px is not enough but the thought counts
dunno what the height should be because I'm on visual refresh with half broken theme
tidal heron
works perfectly thank you my good sir
iron smelt
This doesn’t seem todo what it it should
.panels_c48ade :is(button[aria-label="Mute"], button[aria-label="User Settings"]) {
order: 1;
}
scaleX i think
iron smelt
This doesn’t seem todo what it it should
```css
.panels_c48ade :is(button[aria-l...
nvm i got it
chilly quail
discord please keep visual refresh so i dont have to re-code this theme
dam bro you need to optimse ur css a bit
shit is making my PC explode
25% of my 5800x3d being used by this theme
XDDDDD
half crystal
dam bro you need to optimse ur css a bit
We collaboratively have no clue where the lag is coming from
chilly quail
i could probably tell you
if you remind me when i have time
i'm good at profiling rendering perf
just busy XD
half crystal
if you remind me when i have time
When's that?
chilly quail
now you see
i wish i knew!
so just ping me every now and then asking
this theme fucks tho
half crystal
so just ping me every now and then asking
I'll ask you in an hour or 2
half crystal
this theme fucks tho
ty
half crystal
day or two*
Ah ok
chilly quail
KEK
W
an 9s snapshot, 6s of which is spent rendering
its ALL animations
ALL of it
so probably these?
yeah, try removing transitions and animations
@half crystal
on scroll discord is re-calculating styles [which ofc is a very retarded discord thing to do]
and you have some very heavy CSS, recalculating which each frame tanks perf
half crystal
yeah, try removing transitions and animations
Currently away from PC, will try later or make a pr
chilly quail
so its likely some expensive styles like animations, transitions, transforms or filters
chilly quail
TLDR: discord does bad thing, your css aplifies bad thing x100
normally it wouldnt be an issue, but react
half crystal
TLDR: discord does bad thing, your css aplifies bad thing x100
cool
tardy hemlock
discord is a special kind of sphagetti code
half crystal
discord is a special kind of sphagetti code
real as fuck
tardy hemlock
i really need to recode my main theme into scss
iron smelt
TLDR: discord does bad thing, your css aplifies bad thing x100
did discord hire DevilBro to write the css?
half crystal
yeah, try removing transitions and animations
no effect
tardy hemlock
so probably these?
That :not:has:not:has check is very cursed
half crystal
where did you find this thing?
performance tab in chrome dev menu
mortal mantle
the reload button on the top?
half crystal
the reload button on the top?
dot in circle
chilly quail
your profile should rarely be more than a minute
half crystal
am i supposed to click stop
YES
half crystal
you've just recorded discord doing fuck-all for 30 mins
half crystal
now thats a fairly stable dicklord
however [THIS](#🎨-theme-development message) is not
mortal mantle
now thats a fairly stable dicklord
however [THIS](https://canary.discord.com/cha...
my theme has 2200 lines + 300 line root file
half crystal
my theme has 2200 lines + 300 line root file
mortal mantle
Surprised that it's not too slow
half crystal
Surprised that it's not too slow
im surprised why a theme half the size IS slow
smoky fog
im experimenting with popular color schemes <:blobcatcozy:1026533070955872337>
where can i get these hehe
mortal mantle
where can i get these hehe
still experimental so you cannot get them just yet
smoky fog
ok looking forward
mortal mantle
you can however grab the latest build of the theme from github, update the classes, and then change the colors manually
colors for Rose Pine and Solarized
smoky fog
ty!
pure cairn
Open a #📩-modmail
clear siren
or should i just post goobies here
not a bad idea to post here first so we can roast it
forest furnace
sure
pure cairn
forest furnace
rainbow name! wowee! only place i didn't include is any weird UI and the member list
.avatar_c19a55[src*="165098921071345666"] + h3 .username_c19a55, /* chat names rainbow */
.userAvatar__55bab[style*="165098921071345666"] + div .username__07f91, /* vc channel rainbow */
.panelTitleContainer__37e49 div /* name in channel menu*/ {
background: linear-gradient(90deg, #ff6c6c, #ffbd6c, #faff6c, #9fff6c, #6c94ff, #ec6cff, #ff6c6c, #ffbd6c);
background-size: 1200% 1200%;
animation: rainbow 3s linear infinite;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
/*font-weight: bold; (optional)*/
}
@keyframes rainbow {
0%{background-position:0% 0%}
100%{background-position:95% 0%}
} ```just throw user id there
iron smelt
Should really try to find a way to this with :has()
[class^=footer_]:has([class*=discoveryIcon_]) {display: none; }
oh i didn't even realize that was a thing
iron smelt
oh i didn't even realize that was a thing
You really should never actually use :has()
burnt maple
in general yes but if unavoidable and a dealbreaker use the immediate parent of the element you want
if you use :has() on body or some stupid shit, you will die instantly
iron smelt
real shit
but also in general discord, CSS really does not like it so you should avoid it at any cost
burnt maple
discord DOM and CSS so horror i have enough motivation as-is
can barely figure out hiding one element and im somewhat wellversed in CSS
forest furnace
nothing in my theme uses has :3
my performance explodes the most when importing discord adblock lmfao
burnt maple
read lines of text challenge (impossible)
clear siren
rainbow name! wowee! only place i didn't include is any weird UI and the member ...
change avatar_c19a55[src*="165098921071345666"] + h3 .username_c19a55 to avatar_c19a55[src*="165098921071345666"] ~ h3 .username_c19a55 so it works when people have an avatar decoration (it is between avatar and h3 element)
brazen idol
vestal field
We collaboratively have no clue where the lag is coming from
you can try running the benchmark script to find overly slow selectors too
half crystal
you can try running the benchmark script to find overly slow selectors too
the what
half crystal
hold on i have it in my repo
half crystal
paste this in console, then run the function with your theme code as the argumen...
sure, this seems safe
vestal field
the output is a csv of selectors and how long they took to evaluate
vestal field
sure, this seems safe
just read the code lol
iron smelt
sure, this seems safe
lil vro is going to steal you token 
/joke
half crystal
paste this in console, then run the function with your theme code as the argumen...
what do you mean "run the function with your theme as the argument"
vestal field
what do you mean "run the function with your theme as the argument"
benchmarkSelectors(`paste theme code here`)
half crystal
got it now i just need to go grab a csv viewer lmao
vestal field
just paste into google sheets or something
half crystal
just paste into google sheets or something
but the problem is tesco mobile high speed internet is not, in fact, high speed
google docs finally worked, but it doesnt import well
ok so each thing using body:has slows down the code by at least 0.75s
vestal field
google docs finally worked, but it doesnt import well
pretty sure you can just ctrl+v into the thing
echo frost
change it to tab seperated for it to work in google sheets
to be able to paste it into google sheets*
tragic
[class^=buttonsInner_]:not(:hover, :has([d^="M16.32 14.72a1 1 0 0 1"]))
@vestal field ^
oh whoa i think my css may be slowing down discord
pretty significantly
vestal field
tragic
```css
[class^=buttonsInner_]:not(:hover, :has([d^="M16.32 14.72a1 1 0 0 ...
yes, the benchmarking script is very stupid
it can only read one line selectors, nested and other weird types may not work
tardy hemlock
How does discord do it
How do they manage to make css significantly laggier with each update
echo frost
wdym
plain kelp
tragic
```css
[class^=buttonsInner_]:not(:hover, :has([d^="M16.32 14.72a1 1 0 0 ...
Remember that querySelector performance has fairly little relation to stylesheet performance
Though if one is outrageously slow I guess it's not unlikely that the other is too
chilly quail
is there any way to actually measure css performance
not in the same way u can do it with JS
echo frost
?
chilly quail
you can see what CSS features are tanking perf, like reflow, animations, gpu rendering, rasterization, style recalculation etc
but not "hey its this exact style thats lagging"
like with js where u have "hey this exact line of code is taking 100ms"
so to perf css you realistically gotta add ur selectors, benchmark perf, see if they caused issues, add more selectors
i usually make a binary search for that
echo frost
i kinda meant css selector performance
does the performance tab in devtools work for css
chilly quail
read above
chilly quail
yeah @half crystal so discord repaints the entire side userlist and chat when scrolling, each frame!
god i love react
* {
will-change: scroll-position;
}
fixes the scrolling perf issues
ah, the top banner also re-paints every frame @half crystal
so on my pc this repaints 160 times per second
💀
yeah the gif
is fucking you
gifs cause repaints
each frame
so you might need to tone down the styling you apply on the banenr too
chilly quail
```css
* {
will-change: scroll-position;
}
```
fixes the scrolling perf issues
but this alone x100'd the perf
since scrolling is now gpu based
typing animations also fuck you
ofc forcing will change might change Z indexes in rare cases
but its a simple "fix all" solution
you could disable the typing animation like that one plugin does and your perf will x10 again
a lot better now doe
there are still quite a bit of forced reflows, but its way more usable than before
half crystal
but this alone x100'd the perf
PR this please, I'm not at my PC right now
chilly quail
its a hack, not a proper fix
i just showed ya what the perf problems are
ya can identify the rest urself
plain kelp
typing animations also fuck you
Typing animation has been a cpu hog for years
chilly quail
Typing animation has been a cpu hog for years
its not that bad
its simply a bad animation, but its a generic bad animation that reflows itself
scrolling anything is way worse, as it repaints each of the elements scrolled
typing is also awful as it reflows the entire window on each character
so while "yes its bad", its far from the worst
plain kelp
That is pretty bad
half crystal
its a hack, not a proper fix
This entire snippet is one big bodge, I really dont care
chilly quail
yeah i noticed lol
there are a lot of problems, but it is really cool
and way better than what discord is doing
chilly quail
That is pretty bad
yeah its honestly annoying how.... clueless people are about web rendering perf
plain kelp
Or anything perf, really
But yeah web rendering perf is definitely one that people especially don't think about
chilly quail
most of the time its scrolling that causes the most perf issues
and 99.9% of the time you can just add
.overflow-y-scroll,
.overflow-y-auto,
.overflow-x-scroll,
.overflow-x-auto,
.overflow-auto,
.overflow-scroll {
will-change: scroll-position;
}
to any css framework
and fix those problems
sometimes you can do contain: strict on large overflowing contrainers, but that isnt a "fix all" solution
and for react 9/10 issues are caused by any form of state update, which repaints 90% of the ui because bad react code
💀
clear siren
I dropped [class*=scroll] { will-change: scroll-position; } into my quickcss and wow, performance is great now even with all my shadows and gradients and backdrop-filter:blur()
only thing that's still lagging is chat text input (which gets worse the longer I have discord open)
chilly quail
unfortunately a lot of scrollable classes dont have a scrollable class
such as sidebar
which is why i did *
clear siren
which sidebar
chilly quail
server list
chilly quail
chat input lagging i was not able to fix, it lags because it re-paints the user list each frame
tardy hemlock
What have you done
chilly quail
What is it supposed to do?
forces scrolling to be GPU rendered, rather than CPU rendered
which means element dont re-paint on scroll when overflow: scroll is used
clear siren
chat input lagging i was not able to fix, it lags because it re-paints the user ...
with userlist disabled it's the same tho so idk
chilly quail
yeah there are other contributors too
clear siren
this is truly wires
pure cairn
scrolling is fine
but as they said, typing still feels slow
even with the memberlist hidden
tardy hemlock
like scroll to see changes
chilly quail
its a hack to fix a lot of bad css perf
clear siren
yeah my performance was terrible with my theme on linux even before the discord update that supposedly wrecked perf but with that one line I can put my eyecandy all back on
chilly quail
but doesnt fix the underlying problems
pure cairn
but like, everything else is way faster
chilly quail
it just covers most of them
pure cairn
holy guacamole
chilly quail
the fact is, ur css is still dogshit, and other things that cause paint updates, aka typing, opening menus etc
will still lag to shit
pure cairn
my css is indeed dogshit
clear siren
same
tardy hemlock
idk why my theme isn't lagging it's held together by hopes and dreams
pure cairn
```css
* {
will-change: scroll-position;
}
```
fixes the scrolling perf issues
well this is funny
tardy hemlock
well this is funny
discord built different
it's so sphaghetti bad decisions help it
pure cairn
time to swap to my original settings file
chilly quail
for scroll position it doesnt matter much
pure cairn
and see how it goes
clear siren
I probably have the heaviest css, I do this to every message, and am using a bunch of :has()/:is() as well as https://raw.githubusercontent.com/nvhhr/discordcss/main/snippets/shadows.theme.css
chilly quail
since it has no effect on non-scrollable elelments
pure cairn
wow it's actually working fine, except for the typing stuff
clear siren
taking the quick out of quickcss
pure cairn
if I want to use an attribute selector with an applied style
does it have to be :has([style]) or can it just be a more precise selector with [style] attached to it?
genuinely don't remember
tardy hemlock
can i see what you're currently using?
tardy hemlock
this feels laggy
/* Avatar Status Glow */
[class^=avatar_] {
&:has([fill="#23a55a"]) { /* online */
color:#23a55a;
filter: drop-shadow(0 0 5px currentColor);
}
&:has([fill="#f0b232"]) { /* idle */
color:#f0b232;
filter: drop-shadow(0 0 5px currentColor);
}
&:has([fill="#f23f43"]) { /* dnd */
color:#f23f43;
filter: drop-shadow(0 0 5px currentColor);
}
&:has([fill="#593695"]) { /* streaming */
color:#593695;
filter: drop-shadow(0 0 5px currentColor);
}
& .wrapper__44b0c rect,
[class^="avatarWrapper_"] .avatar__37e49 rect {
display: none;
}
& foreignObject { /* remove annoying border */
mask: none;
}
}```also there is mask="url(#svg-mask-status-online)" etc
idk exactly where this is replacing
pure cairn
tardy hemlock
so much [class^=]
honestly that might be the lag
try just using real element names and see what it does
pure cairn
mfw my quickcss is somehow worse than ```css
*:hover { transform: rotate(7200deg); }
didn't know about this one tbh
tardy hemlock
works with like everything until you change status with a user popout open
pure cairn
try just using real element names and see what it does
will try that tomorrow
tardy hemlock
will try that tomorrow
why is there so much class*=
pure cairn
I did most snippets a long time ago
tardy hemlock
class*= bad and was the direct cause for a theme i made to be super laggy
pure cairn
now I usually try to go for class^= or plain names
tardy hemlock
yeah
i like how clearvision makes their theme define elements
basicially put everything with placeholder names in a scss file and then you only need to update that
what does icons on hover do? @pure cairn
pure cairn
makes so settings cogwheel, mute and deafen icons are not shown until the user area is hovered
tardy hemlock
ok time to slowly fix snippets
:root
{ --font-code: "JetBrains Mono"; }
/* Home Icon */
.wrapper__6e9f8[data-list-item-id=guildsnav___home]>.childWrapper__6e9f8
{ background: transparent; }
/* Better NSFW Tag */
.linkTop__2ea32:has(path[d^="M18.09 1.63"])> .children__2ea32::after
{ content: "NSFW";
background: var(--main-color);
color: var(--status-danger-text);
padding: 0px 4px;
border-radius: 8px;
font-size: 12px;
font-weight: 600;
line-height: 16px;
margin-left: 4px; }
/* Icons on Hover */
.flex__7c0ba {
opacity: 0%;
transition: 0.2s ease-in-out;
display: grid;
grid-template-columns: auto auto;
&:hover {
opacity: 100%;
}
}
button[aria-label="User Settings"] {
grid-column: 2;
}
.panels_c48ade:not(:hover) .panel__5dec7 {
display: none;
}
.actions__4cd01 {
position: absolute;
left: 32px;
}```stuff like that seems to help lag
tidal heron
does anyone have any css for like a message bubble thing and when mentioned the bubble goes orange?
tidal heron
nvm that anymore now im tryna figure out how to position where an image is within a chat
example of it being misaligned
atomic plank
Looks like both hide nitro upselling css snippets are causing me lag in my theme, Is there one to remove at least the gift button from my text box? that's the main one I care about
pure cairn
Looks like both hide nitro upselling css snippets are causing me lag in my theme...
button[aria-label="Send a gift"] { display: none; }
Only works if your client language is English
Could probably drop the button part but eh
plain kelp
Sure but then it'd get much slower
pure cairn
Because it's less precise/specific?
plain kelp
Or at least a little slower
Since it's have to check all elements and not just all button elements
iron smelt
```css
button[aria-label="Send a gift"] { display: none; }
```
/* Hide gift button */
.buttons__74017 > .button__201d5 {
display: none;
}
iron smelt
could has do this if you dont mind having a :has
button:has([d^=" M-7,10 C-8.104999542236328,10 -9"]) {
display: none!important;
}
:has is super slow
iron smelt
ik
tidal heron
appears the more i touch my theme the more i realise theres issues with it
pure cairn
Story of my life
tidal heron
real tbh
pure cairn
iron smelt
real shit
tidal heron
ive just discovered that images arent aligned with messages
now its really pissing me off
pure cairn
Horror
tidal heron
example of it being misaligned
.
iron smelt
```css
button[aria-label="Send a gift"] { display: none; }
```
button:is([aria-label="Send a gift"])
{
display: none;
}
How's that different in terms of performance?
iron smelt
6k+ lines of code
DevilBro ahh code
iron smelt
How's that different in terms of performance?
tidal heron
well this looks fine and dandy obviously
tidal heron
DevilBro ahh code
bro i go thru this weird ahh code every week to do some stuff to it but thankfully the creator actually updated it when the classes broke so theres that i guess
pure cairn
Ngl now I wanna start working on my new theme, I'll probably use plain class names instead of wildcards so at least it's less heavy
tidal heron
do me a solid favour
pure cairn
It'll break but eh, whatever
tidal heron
comment what everything is
tidal heron
i wish this code was commented but it isnt
like to attempt to fix the padding i have searched for many words
pure cairn
Not only comment it out
But also split into multiple files
So it's somewhat modular
tidal heron
thats sexy stuff
tidal heron
good chance im gonna kms
plain kelp
With @import? That should only affect loading time, not runtime perf
pure cairn
With @import? That should only affect loading time, not runtime perf
Yeah that was my idea
When are imports processed?
At startup?
plain kelp
They're handled when the sheet is loaded yeah
pure cairn
That sounds nice
plain kelp
After loading there shouldn't be any difference compared to if it was written in place of the import
pure cairn
Then yeah, I will definitely split the file into smaller ones
Also because discord doesn't refresh big themes without having to reload the whole client
While smaller files instantly update on save
tidal heron
if you guys had to guess what would the image padding by labelled as?
pure cairn
It's definitely after .wrapper_ .cozy_
plain kelp
if you guys had to guess what would the image padding by labelled as?
An unholy mess obviously
tidal heron
true dat
tidal heron
It's definitely after .wrapper\_ .cozy\_
if i leave it as an import but then copy the code block that i need and change it will that work or do i need to copy the whole file?
pure cairn
You have the local file, don't you?
tidal heron
i can just copy that whole file yea
pure cairn
No I mean, you have it downloaded as a local file as well?
tidal heron
okay so this is the downloaded file
this is the one i have downloaded
i did have that whole file like 2 days ago then the creator fixed it so i just installed the default file
pure cairn
Okay
Then you just have to find the code you need in the imported file and put it somewhere else
Be it your quickcss or another local css file
tidal heron
oh and u said it would be under .wrapper_.cozy yea that doesnt exist in this theme 🙂
pure cairn
You can either copy the code, which means you'll probably have to add an !important to it in your css so it overrides the import
Or straight up cut it, so it's only in your css without having to override anything
tidal heron
You can either copy the code, which means you'll probably have to add an `!impor...
i see
now its just a matter of finding it
per chance would it include "attachment"?
pure cairn
Wish I had my laptop on rn, but I think it might be the case
pure cairn
oh and u said it would be under .wrapper_.cozy yea that doesnt exist in this the...
Apparently the class is .cozyMessage_
tidal heron
Apparently the class is `.cozyMessage_`
thank you
tidal heron
i found it already
pure cairn
The class you needed?
tidal heron
yea
tidal heron
.cozyMessage__5126c:not(.systemMessage__5126c) .container_b7e1cb {
margin-top: 8px;
margin-left: 0;
}
it was this
tidal heron
tell me about it
pure cairn
After loading there shouldn't be any difference compared to if it was written in...
What about nesting instead, does it heavily affect performance?
Because if it does, that might explain why all my themes lag
(besides all the other obvious reasons)
pure cairn
Yippee
vestal field
```css
* {
will-change: scroll-position;
}
```
fixes the scrolling perf issues
theres no fucking way
WHY DOES THIS ACTUALLY WORK
north swift
man, I can't figure out why the chatContent scroller has a themed, very visible scrollbar, while the search results scroller has a barely visible black scrollbar.
and by extension, idk how to make the latter look like the former
they both have scrollbar-color: auto; scrollbar-width: auto and that's it
vestal field
man, I can't figure out why the chatContent scroller has a themed, very visible ...
probably ::-webkit-scrollbar
vestal field
server list
doesn't server list have a .scroller class?
lunar oxide
remove badges, for whoever needs it
[class^="tags_"] > [class^="container_"] {
display: none;
}
i've had it for a bit lol, somebody's probably done this before
glossy trellis
yo anybody have css to change vencord icon and loading screen on desktop
vestal field
```css
* {
will-change: scroll-position;
}
```
fixes the scrolling perf issues
ok so it breaks super reactions lol
this is quite unfortunate
i think im just gonna remove the glow but idk if there are any other elements with box-shadow like this
clear siren
ok so it breaks super reactions lol
I just use [class*=scroll] { will-change: scroll-position; } should find all scrollables
vestal field
I just use `[class*=scroll] { will-change: scroll-position; }` should find all s...
yeah im using that
but the scroll optimizations it does makes box-shadows glitch out i think
vestal field
super reactions are fine for you?
clear siren
who knows
chilly quail
WHY DOES THIS ACTUALLY WORK
i explained it above
patent nest
did quick css break
or something like that
this seems to no longer work for servers
#channels li:has(>[class*=type]):not(
:has([class^=unread_], [class*=modeSelected_])
), div:not([class*=interactiveSelected_]):has(
>[href^="/channels/@me/"]
):not(:has(>a>[class*=highlighted_])) {
opacity: 0.3;
}
Jesus fucking Christ what a selector
patent nest
Jesus fucking Christ what a selector
someone wrote this for me so idk what that means lol
mortal mantle
this seems to no longer work for servers
```
#channels li:has(>[class*=type]):n...
holy selectors
patent nest
patent nest
i still dont onow what u guys mean by that
mortal mantle
this seems to no longer work for servers
```
#channels li:has(>[class*=type]):n...
What is this even supposed to do
patent nest
it changes the unread text channel opacity cuz i find it too bright
patent nest
Wait like only the text is to be dimmed?
like this (im on phone rn)
in my pc client the theme-support its abit bright so its hard to differentiate
patent nest
this also applies to threads, dms, vcs and stuff
patent nest
so the code does nothing
im on a theme that doesnt have that part customizable 😭
mortal mantle
Show what you want to do with your theme on
patent nest
i jus want unread channels dimmer
patent nest
this seems to no longer work for servers
```
#channels li:has(>[class*=type]):n...
changing this doesnt seem to change that anymore
mortal mantle
go to your :root section of the theme and search for text-muted
they probably changed the variable color
patent nest
how do u guys find which variable is where and what
half crystal
how do u guys find which variable is where and what
The style panel has every var in body lmfao
patent nest
bet
clear siren
at least i didnt see one
it does on visual refresh at least
snow monolith
half crystal
even more reason for me to make this and recode this
oak plover
yeah
oak plover
idk
vestal field
this new chat bar sucks tbh
oak plover
i think it's either 1 or 5
vestal field
5 doesnt do anything for me
oak plover
Toggle in appearance is off by default I think
oak plover
No point it looks ugly
oak plover
Resizable is fine ig but collapsible looks bad
iron smelt
which version are they using
One or Three is what im reading rn
copper flame
even more reason for me to make this and recode this
where is this
iron smelt
where is this
north swift
probably ::-webkit-scrollbar
so, colored message search scrollbar for whoever needs it ```cs
[class^="searchResultsWrap_"] [class^="scroller_"]:hover::-webkit-scrollbar-thumb {
background-size: 200vh;
background-image: linear-gradient(rgb(var(--bg-overlay-color-inverse) / var(--bg-overlay-opacity-4)), rgb(var(--bg-overlay-color-inverse) / var(--bg-overlay-opacity-4))), var(--custom-theme-background);
background-clip: padding-box;
border: 2px solid transparent;
border-radius: 4px;
background-color: var(--scrollbar-thin-thumb);
min-height: 40px;
}
is that the experiments server ntts talks about?
I should join that
pastel tiger
@upper isle i need a small thing, i think its a bug with vencord but theres an annoying NEW notifcation when there is a ping in server, it dosnt serve and purpseo than just being an eye sore
heres the code for it in inspect element
<div class="unreadMentionsIndicatorBottom_ef3116 unreadMentionsFixedFooter_ef3116"><div class="bar__3b95d unreadMentionsBar_ef3116 mention__3b95d active__3b95d" aria-hidden="false" style="transform: translateY(0%);"><span class="text__3b95d">new</span></div></div>
upper isle
<@295190422244950017> i need a small thing, i think its a bug with vencord but t...
div[class*="unreadMentionsBar_"] {
display: none;
}
do you want this one gone too
iron smelt
which version are they using
first thing i read when opening twitter
https://vxtwitter.com/discordpreviews/status/1886543994374574187
upper isle
first thing i read when opening twitter
https://vxtwitter.com/discordpreviews/st...
honestly it wouldn't look half bad if they actually fixed the fucking inconsistent padding everywhere
iron smelt
```css
div[class*="mentionsBar__"] {
display: none;
}
```
why put the div on it?
should work without it
upper isle
should work without it
slower
late lake
stray dune
man discombobulated every section of discord
half crystal
HOW THE FUCK ARE YOU ALL SLIGHTLY MISALIGNED
pure cairn
bleak mica
as of like, yesterday or the day before, my theme seems to be causing extreme performance issues but ONLY when i'm typing in the message bar
I haven't changed anything so i'm not entirely sure where to begin troubleshooting
half crystal
trying to submit my wonderous theme to the BD hivemind and this verify account button has no feedback as to whether its done shit or not
bleak mica
hm, no technical info or workarounds?
half crystal
hm, no technical info or workarounds?
nope
discord just fucky uppy
bleak mica
delightful
vestal field
trying to submit my wonderous theme to the BD hivemind and this verify account b...
i dont see your verification request
probably something broke
check console i guess
half crystal
had to click it a few times but it did make a post request
there really should be some clarification for that button tho
and my theme will work, because its made for it
vestal field
theme dev hell 
half crystal
half crystal
had to click it a few times but it did make a post request
also, where tf would it send deny and approve msgs to?
mortal mantle
Took me so long to see how an automod chat bubble looks like for testing
If it rolls out , my theme is toast
nothing I can do about it
project will go into archive mode
half crystal
Took me so long to see how an automod chat bubble looks like for testing
get like an alt account
make a server
block a word
get main to join server
say word
ta da
mortal mantle
I'll just be in a friend's server that already has everything set up
I don't know how to do allat
vestal field
also, where tf would it send deny and approve msgs to?
the bot sends in your dms
vestal field
If it rolls out , my theme is toast
i think im just gonna rewrite everything lol
its gonna be painful
pure cairn
They first make 90% of the themes lag discord
Then start releasing the visual refresh
pure cairn
Not looking forward to the upcoming weeks
mortal mantle
ban for using themes when
lusty whale
pure cairn
ban for using themes when
Soon™️
vestal field
They are against themes
no i think discord just has a bunch of frontend devs with nothing to do, so they come up with bs updates to avoid getting fired
if they actually wanted to kill themes and client mods they could
iron smelt
no i think discord just has a bunch of frontend devs with nothing to do, so they...
I’m 100% sure that’s more than just a frontend devs, has to be the backend ones too
vestal field
real
vestal field
client theme is kinda built in now?
:root {
--theme-base-color: hsl(350, 91%, 56%) !important;
--theme-base-color-hsl: 350 91% 56% !important;
--theme-base-color-amount: 40% !important;
}```
copper flame
var driven client my beloved
crimson skiff
client theme is kinda built in now?
```css
:root {
--theme-base-color: hsl(3...
it feels flat though, you need to do the offsets https://github.com/Vendicated/Vencord/blob/main/src%2Fplugins%2FclientTheme%2Findex.tsx#L137-L148
vestal field
those offsets are based on the old client's colors right
honestly i don't mind this look, it's probably how they intend custom nitro themes to work
ugh i hate how the user panel is just position: absoluted
there's zero reason to do this cause the server and channel lists dont even extend below it anyway
crimson skiff
those offsets are based on the old client's colors right
i hope you've seen the new offsets
#👾-core-development message
graph #👾-core-development message
burnt maple
idk why people hate on visual refresh so much besides it breaking everything and probably being discord-code cursed
it looks okay
vestal field
the changes to the user panel and chat bar were pretty pointless tbh
crimson skiff
that is pretty gross
I'm fine with whatever the fuck the graph is
I'm not fine with 49 and 50 being the same
crimson skiff
future midnight
i need it darker than midnight
prisma turtle
future midnight
it really does look like midnight 2
lunar oxide
future midnight
i'm listening...? /j
bleak mica
still combing through my css file but so far everything with a :has operator has been causing the extreme lag when typing
nvm, found something with a has op that didnt lag
these blocks lagged:
[class*="modeUnreadImportant_"]:has([class*="mentionsBadge_"]) [class*="name_"],
[class*="modeUnreadImportant_"]:has([class*="mentionsBadge_"]) [class*="iconContainer_"] svg {
color: #b97272;
}
[class*="modeUnreadImportant_"]:has([class*="mentionsBadge_"]) [class*="unreadImportant_"] {
background-color: #b97272;
}
div[class^="buttonsInner_"]:has(div[aria-label="Edit"]):has(div[aria-label="Reply"]) {
transform: translateX(calc(((var(--msg-section-spacing) * 2) + (var(--msg-solo-button-width) * 2)) * -1));
}
div[class^="buttonsInner_"]:has(div[aria-label="Edit"]) div[aria-label="Reply"] {
right: calc(((var(--msg-section-spacing) * 2) + (var(--msg-solo-button-width) * 2)) * -1);
}
This block did not:
[class*="listItem_"]:has([aria-label="Download Apps"]) {
display: none;
}```Okay so so far it seems that :has itself is fine
but anything :has() <subselector> causes the lag
actually div:has(a) a doesnt cause it so maybe it's the class* selectors?
Yep okay, :has() in combination with a [attribute=""] selector is what's causing the issue
i wrote div:has(a) [class*="anchor_"] which caused it
echo frost
I think has is better when using > so it only has to search its direct children instead of all of its ancestors
(idk if ancestors is the proper term when talking about html elements)
bleak mica
not sure, but i get what you mean :P
Its weird that it's only SUDDENLY started causing issues within the week
what did discord change?
echo frost
i think the latest discord update caused quite a bit of lag
maybe only when using vencord, but i've been having way more lag since it
bleak mica
its definitely not vencord specific
vencord was the first thing i disabled for troubleshooting and it lags even without it
(provided you have a custom theme)
echo frost
how are you using a theme without vencord
bleak mica
well you can inject themes via the console
echo frost
oh you're doing that?
bleak mica
No but as example
echo frost
but i don't think you can even open devtools in vanilla discord
bleak mica
I use a custom client i made myself that uses the injectstylesheet(?) functions on electron webviews
but it would work just the same if you manually added a <style>
bleak mica
iii did not i shall do that now with webclient
echo frost
well web is quite a bit different
echo frost
maybe only when using vencord, but i've been having way more lag since it
i meant any client mods in general as opposed to vanilla discord by this message
bleak mica
Yeah it is replicable on a stock webclient
echo frost
with or without theme
bleak mica
With, its fine without
bleak mica
it definitely is something with custom css, but not anything to do with any client mods (unless they're using the bad css)
just sanity checked and yes it also happens on a stock desktop client with theme too
echo frost
wait can you open devtools with stock discord?
bleak mica
you can it just requires some file editing
echo frost
oh
bleak mica
the lag seems to occur irregardless of the presence of >
if you have :has(...) [class*="..."] at all it causes issues
bleak mica
yeah cause thats an expensive selector
Same behaviour even with ^=
Hell, same issue even with [class=""] that doesn't even match anything
echo frost
Hell, same issue even with [class=""] that doesn't even match anything
well using that will have to look at every ancestor of :has(...)
like using the space
bleak mica
this rule would also cause lag:
div:has(a) > [class="ancestor"] {
display: none;
}```it doesnt even match anything in the client, but it still lags when typing
vestal field
div:has(a) is a little crazy tbh
iron smelt
this rule would also cause lag:
```css
div:has(a) > [class="ancestor"] {
displ...
lag 102 over here
bleak mica
div:has(a) is a little crazy tbh
it is but is mostly an example
vestal field
just avoid :has at all costs
or switch to normal classes
bleak mica
i use it productively like this:
[class^="modeUnreadImportant_"]:has([class^="mentionsBadge_"]) [class^="name_"],
[class^="modeUnreadImportant_"]:has([class^="mentionsBadge_"]) [class^="iconContainer_"] svg {
color: #b97272;
}
i'm not aware of any other way to do this selector without has as the mention badge is the only indicator on a channel list item
iron smelt
i use it productively like this:
```css
[class^="modeUnreadImportant_"]:has([cla...
two :has and a svg in the same snippet is brazy
bleak mica
<:husk:1026532993923293184> lag 102 over here
my point with it is that before whatever happened a week ago, It would not cause any notable issues
vestal field
i'm not aware of any other way to do this selector without has as the mention ba...
i guess avoid " " between expensive selectors, avoid very general selectors like svg at the end (its evaluated right to left)
bleak mica
sure its incredibly broad and inefficient, But it had no issues
vestal field
my point with it is that *before* whatever happened a week ago, It would not cau...
welcome to discord 🙂
bleak mica
yeah
The annoying part is it doesn't matter if you use > between everything or not the lag issue still occurs
and only seems to occur with an attribute selector after the :has()
vestal field
you could swap to normal classes i guess, the auto class updater works well enough and you can just run that whenever discord rerolls
bleak mica
INSIDE the has is no issue, and without the is fine
echo frost
just avoid :has at all costs
or switch to normal classes
:has(>element) is way better right?
vestal field
:has(>element) is way better right?
o yea probably
bleak mica
the stuff inside the :has() doesnt matter for this specific lag issue
my only guess is that react must be reconciling way way way more than it should be on something?
and it is relatively fine in the absence of expensive selectors but goes absolutely haywire with this specific mix of :has() and [attribute=]
hm, curious question
why does [class^="modeUnreadImportant_"] not match modeUnreadImportant__2ea32 but *= does?
pure cairn
There's probably another element with the same class that gets processed first
Just like you can't really use [class^=wrapper_] by itself cuz there's a ton of them
bleak mica
oh, does ^= only match one unique class?
pure cairn
It matches classes that start with whatever you add afterwards
But if it's not specific enough, it doesn't work
Try adding a parent class and see if it changes
bleak mica
it similarly does not
bleak mica
i tried [class^="containerDefault_"] > [class^="modeUnreadImportant_"] but it doesn't work unless i change specifically the modeUnreadImportant to *=
bleak mica
Eh, it's not super important
echo frost
i tried `[class^="containerDefault_"] > [class^="modeUnreadImportant_"]` but it ...
does the class start with modeUnreadImportant_?
bleak mica
just the trying to replace my *= to ^=
bleak mica
does the class start with `modeUnreadImportant_`?
Yes, it's modeUnreadImportant__2ea32
echo frost
you sure it's not class="someRandomClass modeUnreadImportant__2ea32"?
bleak mica
That actually makes a difference? I thought class was interpreted as an array not as a string
echo frost
what element is it?
bleak mica
<li class="containerDefault_c69b6d" data-dnd-name=":jigsaw:-plugin-development"><div class="iconVisibility_c69b6d wrapper__2ea32 modeUnreadImportant__2ea32">
echo frost
yeah but where does it show up
bleak mica
In the channel sidebar?
pure cairn
yeah but where does it show up
It's somewhere in the channel list
pure cairn
So it's an unread channel
bleak mica
this isnt related to the lag issue
but it was only when i was typing in a text field (any textfield did it)
echo frost
ok yeah i'm lagging with textfield too
but i don't think turning off themes is helping it
this is a lag test
oh ok this is way better actually
actually maybe not
bleak mica
the specific symptoms i was getting is that if you type at a fairly high speed like, >60wpm, The client will hang for several seconds, compounding on how much you continue typing after it first locks up
i type at something like 100-130wpm so it kinda makes it impossible for me to actually type when the message bar locks up for 10s of seconds at a time
echo frost
well the text still goes through, you just don't have a display
bleak mica
Yeah
echo frost
try restarting discord though
bleak mica
i did do that as a sanity check first
echo frost
that fixes it for me for a little bit at least
bleak mica
but for now my lag issue is solved since i've eliminated the problemated css rules
I dont get the issue at all on stock unthemed
i get like, SOME hitching and stuttering but its not really enough for me to care about
echo frost
you do have hardware acceleration on right?
bleak mica
as far as im aware
echo frost
i had tried turning it off, but it's much better with it on for me
bleak mica
where would i enable/disable it anyway?
echo frost
it's in advanced settings
bleak mica
echo frost
that's weird
are you on vesktop?
bleak mica
Maybe i won't see it because i'm technically webclient
echo frost
maybe vesktop doesn't have it
bleak mica
i am not
echo frost
oh you're on webclient
bleak mica
technically
echo frost
well that's almost certainly why
bleak mica
But generally i don't have any perf issues that i notice or care about
other than this recent typing issue which i've worked around for now
bleak mica
removing attribute selectors after :has() selectors
yeah
I replaced [class*="modeUnreadImportant_"]:has([class*="mentionsBadge_"]) [class*="name_"]
with [class*="modeUnreadImportant_"]:has([class*="mentionsBadge_"]) .name__2ea32 and the issue was solved
which i really hate having to use the minified/packed/whatever class names because i don't like to have to screw around with updating class names
echo frost
it's probably less of a hassle to just use the full class names
bleak mica
Its never been an issue until now
echo frost
it only happens a couple times a year, and the class updater is usually working within the first day
bleak mica
holy SHIT the refresh looks like ASS
one of my alts apparently got the a/b
dear god i hope they backtrack on this like they did the mobile new ui
echo frost
i think it's mostly ok actually
the darker mode looks better
but i feel like the title bar is a lot bigger now
bleak mica
They made every panel bigger yet somehow it just made it look infinitely more cramped
the server browser is uncomfortable
pine needle
anyone know how to bring the "delete message" button
half crystal
anyone know how to bring the "delete message" button
Use that one plugin that makes the shift menu always active
Can't remember the name of it
echo frost
anyone know how to bring the "delete message" button
press shift or use the plugin mentioned above that always makes it show the full menu (ShowAllMessageButtons)
pine needle
thanks alot!
echo frost
oh wait i found out why discord was lagging for me
my cpu usages was reaching 100% because i've been keeping bloons open lol
bleak mica
Yeah that'd do it lmao
Oh dear jesus https://transfur.science/l5m05nmi
that is ABYSMAL
no wonder it's lagging
burnt maple
dear god i hope they backtrack on this like they did the mobile new ui
pretty sure they didnt backtrack on the new UI tho?
discord has a tendency to doubledown on bad decisions
plain kelp
They fixed the needing 15 taps to get between dms and guilds
But there's still a shitload of bad animations and swipe-to-reply
mortal mantle
they started screwing up my theme already
grand surge
does someone got this ugly as shit update aswell ?
burnt maple
does someone got this ugly as shit update aswell ?
#🏥-vencord-support-🏥 pins
bleak mica
pretty sure they didnt backtrack on the new UI tho?
They backtracked on the new nav layout
they still refreshed it
for the most part they fixed the massive issues with it
chilly quail
yeah i miss the bottom server picker from the old mobile beta
that fucked
the sidebar one sucks
half crystal
that fucked
agreed
was fuckin amazing
half crystal
HELL YEAH
clear siren
whoa
bleak gust
visual refresh microsoft edition real
half crystal
turns out, near everything in the bg uses --background-base-tertiary
and since they all use background: you can set an image to --background-base-tertiary and it basically just works, with a bit of tweaking
half crystal
smaller profiles, thoughts
valid heron
tbf i think the text just needs an outline or something to make it readable
and maybe the pronouns next to the badges
half crystal
tbf i think the text just needs an outline or something to make it readable
it depends on the profile really
valid heron
i suppose
half crystal
who needs banners?
burnt maple
very true
half crystal
banners are back but i forgot my glasses
burnt maple
ok too much blur
half crystal
ok too much blur
half the blur
pure cairn
what's the point of having them if they're that blurred tbf
oak plover
i would just go back to no banner tbh
pure cairn
Or have them behind the whole popout
clear siren
or use text-shadows to make text more visible
or webkit-text-stroke maybe but that's kinda shitty still I think unless it's been fixed
ornate zodiac
anyone know how change this discord text or is it even possible with css
pure cairn
anyone know how change this discord text or is it even possible with css
search for .wordmarkWindows__421ed in the devtools tab
ornate zodiac
search for `.wordmarkWindows__421ed` in the devtools tab
holy shit i forgot the name of the numbers which make an image
im so baffeled
SVG
fuck me
echo frost
you can do this if you don't want to bother with an svg
(delete the .footer__... {...} if you want discovery icon to show)
@ornate zodiac ^
pure cairn
holy shit i forgot the name of the numbers which make an image
The numbers which make an image
Yes, that's the most accurate definition of svg I've heard in a while, love it
lost plume
all images are numbers
echo frost
all images can be represented by numbers
all digital images are made up of bits with two states which are most commonly represented by numbers
echo frost
yeah, i'm satisfied with that amount of correctness
it's a bit like saying a meal is made up of atoms
that's a very good kind of correct
thorn sonnet
I try to remove this black box behind the notification count, but i just can't find a way to do it. Does somebody know how?
thorn sonnet
i found the solution in an old post:
.wrapper_cc5dd2 > svg > mask > use[href*="lower"] {
display: none;
}
the BD team had to perform like a fucking exorcism on my account to get me to be able to submit a theme lmfao
cunning vortex
future midnight
Would you mind telling me where you got that theme that rounds everything?
vestal field
Would you mind telling me where you got that theme that rounds everything?
this is an in progress version of midnight for the ui refresh update
current version is here https://github.com/refact0r/midnight-discord
cunning vortex
this is an in progress version of midnight for the ui refresh update
current ver...
thnaks allot!
cunning vortex
this is an in progress version of midnight for the ui refresh update
current ver...
I dont know if its me, though im missing the pilled server list, channels, and chat name
vestal field
I dont know if its me, though im missing the pilled server list, channels, and c...
you have ui refresh
i havent released the updated version of the theme for that yet
see pins in #🏥-vencord-support-🏥 for how to revert it so you can use the current version of midnight
cunning vortex
alright thanks!
half crystal
yeah don't use vw for this use 100%
That was intended for the banner in settings, turns out that rule applies to all
solid ore
what in a theme causes discord to lag? i used to think it was having too many attribute selectors but was then told thats all loaded in on start-up... so idk where to look to make it less laggy
plain kelp
Yes, css is loaded at startup
The selectors are then evaluated whenever anything changes on the page
Attribute selectors are indeed slow if there are many of them
:has selectors are also very slow
oak plover
i was getting complaints about lag from icon revert
i pushed out a change that should hopefully fix that
solid ore
The selectors are then evaluated whenever anything changes on the page
ohh which is all the time so they are relevant, thank you I'll see if I can minimise the use of attribute and :has selectors
edgy sentinel
stiff moat
Hey! Is anyone interested in making a theme? I've looked and looked for a gruvbox dark hard theme (that works) and I've had no luck, I tried to make one myself but couldn't be dedicated enough to finish it 😭 For anyone that is interested and doesn't know the gruvbox colour scheme, here you go https://github.com/morhetz/gruvbox I also attached an image of the dark mode colour scheme
stiff moat
Well that's perfect, thank you so much! I guess I couldn't find this one since it doesn't mention gruvbox anywhere 
but thank you again.
mortal mantle
<https://github.com/nanoqoi/vencord-theme>
Damn that's not updated for a while
tight yarrow
what causes themes to lag/be slow as of recent? saw a #1257025907625951423 post ab it and was curious about the details
iron smelt
what causes themes to lag/be slow as of recent? saw a <#1257025907625951423> pos...
it can be different things, but the biggest contributor is :has()
tight yarrow
do you know what else it can be, looking for a decent list
dark dragon
Is likely just the same things that generally cause issues, was just amplified somehow in the update. Animations, pseudo-classes, pseudo-elements, attribute selectors, element selectors, universal selectors
Looks like the Vencord update was mostly focused on removing element selectors and combinators