#🎨-theme-development | libVencore | Page 8

vast delta Oct 18, 2023, 12:46 AM

#

if they still miss it they deserve it

#

i just played around with it

#

.childWrapper-1j_1ub{
visibility: hidden;
}

.wrapper-3kah-n{
background: url(https://shiggy.fun/api/v3/random?aspect-ratio=1);
background-size: contain;
}```

#

this is enough lol

eager night Oct 18, 2023, 12:48 AM

#

ugh wait how do you do css formatting

#

in the block

#

i forgot

edgy sentinel Oct 18, 2023, 12:48 AM

#

whar

#

just indent it

eager night Oct 18, 2023, 12:48 AM

#

no but like the colours

edgy sentinel Oct 18, 2023, 12:48 AM

#

.banana {
  background: balls;
}

eager night Oct 18, 2023, 12:48 AM

#

the cute colours

edgy sentinel Oct 18, 2023, 12:48 AM

#

```css
banana
```

eager night Oct 18, 2023, 12:48 AM

#

thanks

#

kisses u with lots of tongue

#

holy shit i did it

#

im so good

vast delta Oct 18, 2023, 12:49 AM

#

[class^=listItemWrapper]{
background: url(https://shiggy.fun/api/v3/random?aspect-ratio=1);
background-size: contain;
border-radius: 50%;
}
[class^=childWrapper]{
display:none;
}```

eager night Oct 18, 2023, 12:50 AM

#

wait fuck i forgot hte preview

#

ugh

vast delta Oct 18, 2023, 12:50 AM

#

not sure how it plays with transparency

vast delta Oct 18, 2023, 12:51 AM

#

vast delta not sure how it plays with transparency

good lol

haughty totem Oct 18, 2023, 12:59 AM

#

how to get this?

vast delta Oct 18, 2023, 1:01 AM

#

haughty totem how to get this?

#🎨-theme-development message

#

then you can do usercss

#

search up usercss and click the github link by openstylus or something

haughty totem Oct 18, 2023, 1:04 AM

#

thanks
the self building thing
i feel like that would get effortful, given that i’m on web hm
well at least it’s too late at night for that rn

vast delta Oct 18, 2023, 1:05 AM

#

https://github.com/vencord/vesktop

GitHub

GitHub - Vencord/Vesktop: A cross platform electron-based desktop a...

A cross platform electron-based desktop app aiming to give you a snappier Discord experience with Vencord pre-installed - GitHub - Vencord/Vesktop: A cross platform electron-based desktop app aimi...

#

you cant tell me it doesnt work for you :)

haughty totem Oct 18, 2023, 1:05 AM

#

b-but i want web for my chrome extensions

vast delta Oct 18, 2023, 1:06 AM

#

use themes

#

wanna block ads? boom
https://d3sox.me/complementary-discord-theme/hide-nitro-upselling.theme.css

haughty totem Oct 18, 2023, 1:06 AM

#

ig i could hop on vesktop to do the gui config, then copy the values to my stylus css

#

themes aren’t enough

#

i was thinking of saying “show me a theme that can do what HoverZoom+ can and we’ll talk (unlikely)”. But i also need html5 video control hotkeys, which is def not in theme territory.
i also use Dark Reader, Stylus

#

i have a faint memory Armcord may be supporting chrome extensions. But i don’t see that it’s worth the hassle.
Since my browser profile is synched to the cloud, i have all my stuff ready relatively quickly when i’m on a new or interim pc.

#

plausibly at some point i’ll use Violentmonkey as a poor person’s client mod :^)

@edgy sentinel why doesn’t vc allow injecting js snippets (“QuickJS”)? an extension store policy thing?

edgy sentinel Oct 18, 2023, 1:17 AM

#

why would it

haughty totem Oct 18, 2023, 1:17 AM

#

confusing.
for the same reason it has QuickCSS?

#

it would be v easy to implement (i think?) and nice to have for power users in particular, rather than having to do the whole building thing or each time opening the console for pasting

glossy aurora Oct 18, 2023, 1:22 AM

#

you can just use the dev console if you really need it

haughty totem Oct 18, 2023, 1:23 AM

#

is that different from the chrome DevTools?

glossy aurora Oct 18, 2023, 1:24 AM

#

no

#

since discord uses electron its basically identical

edgy sentinel Oct 18, 2023, 1:25 AM

#

it is identical

haughty totem Oct 18, 2023, 1:27 AM

#

then it’s inconvenient, cause not persistent. You wouldn’t want to paste your plugins or quickcss into console every time you load dc

#

maybe Local Overrides could be used, idk, but also less convenient than a QuickJS i suppose

edgy sentinel Oct 18, 2023, 1:30 AM

#

it's out of scope, has potential security issues and i don't want to take responsibility for people potentially adding malicious or broken scripts

#

you can use openasar js

haughty totem Oct 18, 2023, 1:30 AM

#

edgy sentinel it's out of scope, has potential security issues and i don't want to take respon...

makes sense, ty
(except the out of scope part, that i don’t get, but peu importe)

#

(well i personally would prbly use Violentmonkey then)

#

but good to know that openasar has that, just in case

haughty totem Oct 18, 2023, 2:03 AM

#

omfg someone please fix dc’s newest fuckup: non-scrolling server profiles (which can be too high for the viewport)

rugged echo Oct 18, 2023, 2:17 AM

#

well this happened before but it was fixed by clicking again on the profile, now it always happens

haughty totem Oct 18, 2023, 2:27 AM

#

yh

midnight grail Oct 18, 2023, 2:53 AM

#

theme nyaboom

eager night Oct 18, 2023, 3:27 AM

#

is there a way to select w/ role

#

in css

#

nevermind

#

got it

eager night Oct 18, 2023, 4:19 AM

#

nevermind i didnt

#

im going insane

#


/* home icon */
.childWrapper-1j_1ub{
background: url("/assets/37a397ee39fe0063db4a2b3221aa8425.webp");
background-size: contain;
visibility: hidden;
}

[aria-label='Direct Messages'].wrapper-3kah-n {
  background: url(/assets/37a397ee39fe0063db4a2b3221aa8425.webp);
  background-size: contain;
}

[role="treeitem"] {
  visibility: visible !important;
}```

#

like

#

i figured out that the top rule also includes channels w/ no icon

haughty totem Oct 18, 2023, 4:21 AM

#

eager night Oct 18, 2023, 4:21 AM

#

hold

haughty totem Oct 18, 2023, 4:21 AM

#

merci

eager night Oct 18, 2023, 4:21 AM

#

eager night i figured out that the top rule also includes channels w/ no icon

so i put the bottom rule in

#

but it does nothing, when it should?

#

unless visible isn't what it's meant to be set to

haughty totem Oct 18, 2023, 4:22 AM

#

eager night unless visible isn't what it's meant to be set to

check

eager night Oct 18, 2023, 4:23 AM

#

they don't have a visible value by default

#

i'm imposing one on it with the top and bottom rule

haughty totem Oct 18, 2023, 4:24 AM

#

not sure where you are, but i meant

eager night Oct 18, 2023, 4:24 AM

#

OH right hold on

#

yeah it's looking like it doesn't have one by default

#

i tried filtering

haughty totem Oct 18, 2023, 4:25 AM

#

default shouldn’t matter, since you’re setting it

eager night Oct 18, 2023, 4:26 AM

#

i'm looking in the list and the rule does apply to it

#

it's just not working

haughty totem Oct 18, 2023, 4:26 AM

#

if it’s not showing up, then ig your selectors aren’t macthing that elem

#

ss?

eager night Oct 18, 2023, 4:26 AM

#

hold

#

sigh

#

it's 'explicit'

haughty totem Oct 18, 2023, 4:27 AM

#

not the same elem

eager night Oct 18, 2023, 4:28 AM

#

wait no this wouldn't even work anyway then

haughty totem Oct 18, 2023, 4:28 AM

#

eager night it's 'explicit'

what?

eager night Oct 18, 2023, 4:28 AM

#

because the home button has treeitem

eager night Oct 18, 2023, 4:28 AM

#

haughty totem what?

https://cdn.discordapp.com/emojis/1026867144492847257.webp?size=48&name=shrug&quality=lossless

#

i cant send it

#

clyde got me

haughty totem Oct 18, 2023, 4:28 AM

#

oh lmao

eager night Oct 18, 2023, 4:29 AM

#

ok well if the home button has treeitem i have no clue how to select server icons seperately and force them to be visible / not included

#

personally i do not care bc i have no servers without icon but

#

if someone else uses the css who does 🤷‍♀️

#

wait can css do partial wildcards

haughty totem Oct 18, 2023, 4:41 AM

#

yeah *= if that’s what you mean

haughty totem Oct 18, 2023, 4:41 AM

#

eager night i cant send it

dm, i’ll forward

eager night Oct 18, 2023, 4:42 AM

#

haughty totem yeah `*=` if that’s what you mean

i think i might have an idea then, hold on

haughty totem Oct 18, 2023, 4:42 AM

#

eager night it's 'explicit'

nah you just don’t got embed perms

eager night Oct 18, 2023, 4:42 AM

#

then why can i upload files ??

haughty totem Oct 18, 2023, 4:43 AM

#

well not images, right?

eager night Oct 18, 2023, 4:43 AM

#

#

lol

#

yes

haughty totem Oct 18, 2023, 4:43 AM

#

eager night then why can i upload files ??

i don’t think you can

eager night Oct 18, 2023, 4:43 AM

#

eager night

^

haughty totem Oct 18, 2023, 4:44 AM

#

oh lol whoops

eager night Oct 18, 2023, 4:44 AM

#

i must be doing this wrong

#

hold on

#

right so the server icons have an id that has NO_LIST in it

haughty totem Oct 18, 2023, 4:45 AM

#

eager night then why can i upload files ??

oh the channel perms allow it

eager night Oct 18, 2023, 4:45 AM

#

[id*="NO_LIST"] { visibility: visible !important; }
would this work? i could've sworn there's a diff way to specify ids tho

haughty totem Oct 18, 2023, 4:47 AM

#

i mean looks fine, but i’m not familiar with the elem you want to match so i can’t say for sure at a glance

haughty totem Oct 18, 2023, 4:48 AM

#

eager night right so the *server* icons have an id that has NO_LIST in it

ah, didn’t read this. Yupyup, you coded that right

eager night Oct 18, 2023, 4:48 AM

#

im gonna fucking kill myself

#

apparently not

grand surge Oct 18, 2023, 4:48 AM

#

who isn’t

eager night Oct 18, 2023, 4:49 AM

#

haughty totem i mean looks fine, but i’m not familiar with the elem you want to match so i can...

divs with the class wrapper-3kah-n that aren't the home icon

#

they were hidden earlier by a selection of the wrapper, and i'm selecting SERVER icons specifically with the no_list wildcard

#

nevermind

#

nevermind

#

wrong element

#

RSIGJRSIHSIR

#

if i do it by aria-hidden it unhides the discord icon again

#

fuck me

#

i need to find something the server icon .childWrapper-1j_1ub has that the home doesn't

#

is it possible to exclude an entire selector from any rules at all, including it's children

#

because i could exclude aria-label="Servers"

#

found something, hold on

#

I FUCKING GOT IT

#

WOMAN IN STEM

haughty totem Oct 18, 2023, 5:01 AM

#

you go girl! :D

#

(sorry for my silence, i was trying to dig up a server icon selector from my code, but vfghqfxghlvqhc)

eager night Oct 18, 2023, 5:07 AM

#

haughty totem you go girl! \:D

thanks it almost brought me back to discord bot rage

#

this is why i stick to rust

haughty totem Oct 18, 2023, 5:07 AM

#

x) tell me about dc bot rage

#

is the api shit?

eager night Oct 18, 2023, 5:08 AM

#

no it was just the fact that occasionally discord.js barely made any sense to work with

#

sometimes it felt like i was being told to do government mandated spaghetti code

haughty totem Oct 18, 2023, 5:10 AM

#

lol that bad

haughty totem Oct 18, 2023, 5:11 AM

#

eager night I FUCKING GOT IT

so what did you end up with?

eager night Oct 18, 2023, 5:12 AM

#

#🎨-css-snippets message

#

surprisingly clean

#

the acronym wildcard worked

haughty totem Oct 18, 2023, 5:14 AM

#

nice
just not sure where i’d put my image url

haughty totem Oct 18, 2023, 5:14 AM

#

eager night the acronym wildcard worked

curious

#

whatever is that, doesn’t sound very servery

eager night Oct 18, 2023, 5:15 AM

#

haughty totem nice just not sure where i’d put my image url

i wonder where

eager night Oct 18, 2023, 5:15 AM

#

haughty totem whatever is that, doesn’t sound very servery

it does actually

#

the icons are blank, so they use an [acronym] of the name

haughty totem Oct 18, 2023, 5:15 AM

#

ahh gotcha

eager night Oct 18, 2023, 5:15 AM

#

suffix for those icons im guessing

haughty totem Oct 18, 2023, 5:16 AM

#

suffix for those icons
huh wdym?

eager night Oct 18, 2023, 5:16 AM

#

well i dont know if the class for regular servers has acronym in it

#

if it does, it clearly doesn't affect them enough

haughty totem Oct 18, 2023, 5:18 AM

#

are you interested in a suggestion?

eager night Oct 18, 2023, 5:19 AM

#

will this make me even more suicidal

haughty totem Oct 18, 2023, 5:19 AM

#

no

eager night Oct 18, 2023, 5:19 AM

#

ok

haughty totem Oct 18, 2023, 5:20 AM

#

ok. well first a question. the two url fields, can it make sense to assign different imgs or should they be the same one?

eager night Oct 18, 2023, 5:22 AM

#

oh the first url field literally isnt necessary

#

bc it's hidden anyway

#

im just lazy

haughty totem Oct 18, 2023, 5:24 AM

#

oh lol alr

eager night Oct 18, 2023, 7:06 AM

#

there is no way it just fucking broke

#

my quickcss decided it'd be funny to randomly revert ig

clear siren Oct 18, 2023, 11:26 AM

#

does anyone know if it's possible to change the font on the quickcss editor somehow

vast delta Oct 18, 2023, 11:40 AM

#

nope

#

we cant theme the quickcss window yet

#

but maybe one day we get nested quickcss

mortal mantle Oct 18, 2023, 11:56 AM

#

nested quick CSS is already available (according to Vee)

#

I won't risk ruining my theme doing that though

vast delta Oct 18, 2023, 1:10 PM

#

im talking about a quickcss window for the quickcss window

glad urchin Oct 18, 2023, 1:19 PM

#

isnt the quickcss window a vs embed or something

#

technically you would need to get a vs theme in there, but how

vast delta Oct 18, 2023, 1:21 PM

#

the quickcss window is also html, you can open a Dev console in there

#

so in theory you just need to do whatever quickcss does in the first place and redirect it onto that

gilded cloak Oct 18, 2023, 3:11 PM

#

Regarding #announcements
Is it just the numbers like they changed
.container-1594
To
.container-3821

So generic selectors like
[class^=container] still work?

Or did they change it from container-3821 to fuckYouDifferentNameNow-6329

haughty totem Oct 18, 2023, 3:22 PM

#

yeah the first, just the hashes

#

and they added new classes, but that shouldn’t break anything

gilded cloak Oct 18, 2023, 3:40 PM

#

Hopefully people learn this time and use generic selectors :p

#

This is totally the first time we have learned this lesson

haughty totem Oct 18, 2023, 3:55 PM

#

ikr

glad urchin Oct 18, 2023, 4:14 PM

#

performance issues:

mortal mantle Oct 18, 2023, 4:17 PM

#

gilded cloak Hopefully people learn this time and use generic selectors :p

I don't want to convert all my 3000 lines to that ;-;

edgy sentinel Oct 18, 2023, 4:26 PM

#

glad urchin performance issues:

do you have any evidence that they lead to performance issues

#

i ask this everyone who claims they do and noone can ever provide any evidence

cedar cairn Oct 18, 2023, 4:28 PM

#

i wouldnt be surprised, not because theyre inherently slower but because Browsers Lol

vast delta Oct 18, 2023, 4:33 PM

#

edgy sentinel i ask this everyone who claims they do and noone can ever provide any evidence

well in theory of course, if you do [class^=wrapper] its gonna check a fuckton of elements

edgy sentinel Oct 18, 2023, 4:42 PM

#

stop

#

this is worth nothing

#

if you want to talk about perf, create a proper benchmark

#

show how the differences in performance are and why it's relevant

#

otherwise you're just talking nonsense

haughty totem Oct 18, 2023, 4:43 PM

#

@sharp shell made a snippo that converts the parametrized ones back to hashed: #1143123199832371200 We didn’t notice any clear difference

sharp shell Oct 18, 2023, 4:43 PM

#

yop

edgy sentinel Oct 18, 2023, 4:44 PM

#

computers are incredibly fast. yes, checking for substring instead of full match is most likely slightly slower but we're talking a minor difference at millions of checks per second

haughty totem Oct 18, 2023, 4:44 PM

#

“optimization”

edgy sentinel Oct 18, 2023, 4:44 PM

#

but at the same time, ^= might even be faster than normal class because it technically needs to check less

haughty totem Oct 18, 2023, 4:44 PM

#

oh true lol

sharp shell Oct 18, 2023, 4:45 PM

#

do not read chromium string comparison code you will go insane

haughty totem Oct 18, 2023, 4:45 PM

#

i use *= tho, in case they add classes in front

edgy sentinel Oct 18, 2023, 4:45 PM

#

point is, it's not possible to just say "yeah this is slower, don't use it". performance in 99.99% of cases does not matter, and in those cases where it does matter you should create a proper benchmark instead of making assumptions

#

AoV_lilianaPeek

haughty totem Oct 18, 2023, 4:45 PM

#

sharp shell do not read chromium string comparison code you will go insane

lol how come?

sharp shell Oct 18, 2023, 4:46 PM

#

it is not just strcmp

edgy sentinel Oct 18, 2023, 4:46 PM

#

in any case ive seen many laggy discord themes (like frosted glass) and most of them don't even use attribute selectors

#

salute

sharp shell Oct 18, 2023, 4:47 PM

#

its that one meme

#

attribute selectors: 10ms
animations: 10000ms
can someone please help me budget my css performance

edgy sentinel Oct 18, 2023, 4:47 PM

#

lmao

#

the only thing where you can absolutely say AVOID AT ALL COST is *

#

as in, the selector itself, not inside attribute selectors

sharp shell Oct 18, 2023, 4:48 PM

#

* * * * * { color: red; }

gilded cloak Oct 18, 2023, 5:03 PM

#

vast delta well in theory of course, if you do [class^=wrapper] its gonna check a fuckton o...

https://measurethat.net/Benchmarks/ShowResult/436379
Data attribute selector gets "only" 3.2 million executions a second compared to 5 million executions a second that class selector does.
Yes, its slower. No, it doesn't matter.

glad urchin Oct 18, 2023, 5:04 PM

#

edgy sentinel do you have any evidence that they lead to performance issues

was it not you who suggested to use .element instead of [class=*element]

sharp shell Oct 18, 2023, 5:05 PM

#

gilded cloak https://measurethat.net/Benchmarks/ShowResult/436379 Data attribute selector get...

(do not trust css benchmarks this simple/isolated completely but yes)

mortal mantle Oct 18, 2023, 5:05 PM

#

edgy sentinel the only thing where you can absolutely say AVOID AT ALL COST is `*`

do you mean something like this?

sharp shell Oct 18, 2023, 5:06 PM

#

that isn't really bad

#

because > *

balmy torrent Oct 18, 2023, 5:08 PM

#

edgy sentinel but at the same time, `^=` might even be faster than normal class because it tec...

yeah, thinking about it

#

why wouldn't it be

gilded cloak Oct 18, 2023, 5:09 PM

#

gilded cloak https://measurethat.net/Benchmarks/ShowResult/436379 Data attribute selector get...

rewritten to better match what is happening in discord .hello-3wLKDe vs [class^=hello]
https://measurethat.net/Benchmarks/Show/27950/0/class-vs-generic-class-selector
.hello-3wLKDe - 789,629 ops/sec ±1.11%
[class^=hello] - 2,674,066 ops/sec ±1.31%

(as ducko said, take this with a grain of salt, as its a VERY oversimplified benchmark), but, generic classes FASTER

balmy torrent Oct 18, 2023, 5:09 PM

#

oh

#

yeah that actually makes sense

mortal mantle Oct 18, 2023, 5:09 PM

#

but how should I know whether to use [class^=] or [class*=]

balmy torrent Oct 18, 2023, 5:09 PM

#

startsWith does less than equals

mortal mantle Oct 18, 2023, 5:09 PM

#

because the former doesnt always work

gilded cloak Oct 18, 2023, 5:09 PM

#

mortal mantle but how should I know whether to use [class^=] or [class*=]

if the class you are targeting is the first in the list, use ^=, otherwise *=

mortal mantle Oct 18, 2023, 5:12 PM

#

I will attempt my best to switch generic classes to attr selectors

#

but this is gonna be very long process...

mortal mantle Oct 18, 2023, 5:18 PM

#

gilded cloak rewritten to better match what is happening in discord `.hello-3wLKDe` vs `[clas...

I reran the test and got this result

#

https://measurethat.net/Benchmarks/ShowResult/472684

#

#

negligible difference this time around

edgy sentinel Oct 18, 2023, 5:21 PM

#

mortal mantle do you mean something like this?

depends on the specific case

#

keep it in the back of ur mind but don't preemptively optimise

#

first write code however is most comfortable and maintainable to you, then if you later run into lag figure out why it happens and fix it

#

PatchyThumbUp

vast delta Oct 18, 2023, 5:27 PM

#

mortal mantle but how should I know whether to use [class^=] or [class*=]

lets say you wanna select .wrapper-hash
if the class is .wrapper-hash then do [class^=wrapper]
if it has classes like .content-hash .wrapper-hash you have to do [class*=wrapper]

glad wadi Oct 18, 2023, 5:27 PM

#

app does not open it wasnt like this few days before

vast delta Oct 18, 2023, 5:28 PM

#

glad wadi app does not open it wasnt like this few days before

#🏥-vencord-support-🏥

glad wadi Oct 18, 2023, 5:28 PM

#

vast delta <#1026515880080842772>

not vencord but using openasar is it becoz of css class changed?

vast delta Oct 18, 2023, 5:29 PM

#

what

#

the css change only affects themes

glad wadi Oct 18, 2023, 5:29 PM

#

oh so it isnt theme problem

vast delta Oct 18, 2023, 5:29 PM

#

(and snippets, which are just themes)

glad wadi Oct 18, 2023, 5:29 PM

#

app just stays on blank screen and unresponsive

edgy sentinel Oct 18, 2023, 5:29 PM

#

vns

cloud joltBOT Oct 18, 2023, 5:29 PM

#

👉 #🏥-vencord-support-🏥

vast delta Oct 18, 2023, 5:29 PM

#

actually unresponsive or just a blank screen?

glad wadi Oct 18, 2023, 5:30 PM

#

vast delta actually unresponsive or just a blank screen?

blank screen like on loading theme doesnt load
but when i click one time, it becomes "app does not respond"

vast delta Oct 18, 2023, 5:30 PM

#

if its just a blank screen it might be something with css, try typing vf themes in #🏥-vencord-support-🏥

vast delta Oct 18, 2023, 5:30 PM

#

glad wadi blank screen like on loading theme doesnt load but when i click one time, it bec...

oh okay not our issue

glad wadi Oct 18, 2023, 5:30 PM

#

cloud jolt 👉 <#1026515880080842772>

its not really vencord related thats why

#

i need to wipe the snippets idk how damn

vast delta Oct 18, 2023, 5:31 PM

#

its not css, so not a topic for here

rugged echo Oct 18, 2023, 5:34 PM

#

glad wadi blank screen like on loading theme doesnt load but when i click one time, it bec...

just wait some minutes, it fixes itself, I think this happens with quick start in openasar

#

if thats not the case idk

mortal mantle Oct 18, 2023, 6:23 PM

#

#

llmao

vast delta Oct 18, 2023, 6:26 PM

#

the way slower is true though, avatarWrapper i think is in every memberlist, userpopout and profile avatar as well as dm

#

nevermind my mistake

#

yeah that selector is good

#

only thing i would know to improve is css [class^=panels-]>[class^=container-]>[class^=avatarWrapper-]

#

maybe the bad selector is actually better in this situation since the checking doesnt branch out into different elements

#

so its either that or css [class^=panels-] [class^=avatarWrapper-]

haughty totem Oct 18, 2023, 7:06 PM

#

mortal mantle but this is gonna be very long process...

i can help you make a regex search and replace

you still need to check things manually, b/c some classes like wrapper-123xy are too general without hash. But for most occurrences the conversion would only take you a single keypress

mortal mantle Oct 18, 2023, 7:37 PM

#

WHAT

mortal mantle Oct 18, 2023, 8:56 PM

#

they broke my onekoDM snippet ....

plucky moth Oct 18, 2023, 10:12 PM

#

I just want to switch all the blues to pinks. ik the betterdiscord docs mention the variables but it's really confusing which one does what?

mortal mantle Oct 18, 2023, 10:20 PM

#

📎 NQTjlMlM.txt

#

pick a new --brand-experiment color of your choice

vestal field Oct 18, 2023, 10:23 PM

#

gilded cloak Regarding <#1024351821873037462> Is it just the numbers like they changed .cont...

im pretty sure they also changed like chatContent to like chatContainer though

plucky moth Oct 18, 2023, 10:26 PM

#

ty

#

wait how exactly do I use that

mortal mantle Oct 18, 2023, 10:26 PM

#

disclaimer: only works for Vesktop

#

paste that code in your quickCSS

#

If you want something that might work in other clients as well use this

#

#🎨-css-snippets message

plucky moth Oct 18, 2023, 10:28 PM

#

wait so. could I just do:

:root {
--text-brand: #f7a8b8
}

or something?

mortal mantle Oct 18, 2023, 10:30 PM

#

yeah, but brand-experiment is responsible for all the blue elements in discord

#

changing its core will allow you to change the accent color to pink

plucky moth Oct 18, 2023, 10:31 PM

#

oh wait so I just take that huge block of code and add

--brand-experiment: #f7a8b8;

#

like that?

#

OOOOO it worked ty

#

oop wait it broke the invite button

mortal mantle Oct 18, 2023, 10:36 PM

#

it shouldnt break

#

whar

plucky moth Oct 18, 2023, 10:51 PM

#

ok also in right click/dropdown menus, hovering over stuff doesn't highlight it anymore

mortal mantle Oct 18, 2023, 10:54 PM

#

mortal mantle disclaimer: only works for Vesktop

This

#

but if there's still a problem, youll have to use the snippet I linked instead

plucky moth Oct 18, 2023, 10:55 PM

#

assuming Vesktop just means the Vencord client on desktop, that's what I'm using

alpine cove Oct 18, 2023, 10:58 PM

#

https://github.com/Vencord/Vesktop

GitHub

GitHub - Vencord/Vesktop: A cross platform electron-based desktop a...

A cross platform electron-based desktop app aiming to give you a snappier Discord experience with Vencord pre-installed - GitHub - Vencord/Vesktop: A cross platform electron-based desktop app aimi...

#

ventop

edgy sentinel Oct 18, 2023, 11:00 PM

#

alpine cove ventop

wrong

mortal mantle Oct 18, 2023, 11:00 PM

#

Ventop

edgy sentinel Oct 18, 2023, 11:00 PM

#

im not a top

rugged echo Oct 18, 2023, 11:00 PM

#

venbottom

edgy sentinel Oct 18, 2023, 11:00 PM

#

yes

mortal mantle Oct 18, 2023, 11:00 PM

#

Now I know

alpine cove Oct 18, 2023, 11:00 PM

#

how did you NOT know

mortal mantle Oct 18, 2023, 11:00 PM

#

Very useful

alpine cove Oct 18, 2023, 11:00 PM

#

look at ven.

mortal mantle Oct 18, 2023, 11:01 PM

#

Cute

rugged echo Oct 18, 2023, 11:01 PM

#

yeah did you heard his voice

mortal mantle Oct 18, 2023, 11:01 PM

#

Yes

#

Cute hands also

edgy sentinel Oct 18, 2023, 11:05 PM

#

😭

simple kiln Oct 19, 2023, 7:02 AM

#

Best font: 'Rubik', san-serif global font and Jetbrains Mono code font...

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@100;400;600&display=swap');
@import url("https://catppuccin.github.io/discord/dist/catppuccin-macchiato.theme.css");


:root {
    --font: 'Rubik', sans-serif;
    --font-primary: var(--font);
    --font-display: var(--font);
    --font-header: var(--font);
    --font-code: 'JetBrains Mono', monospace;
    --text-link: #5865F2;
}

body,
html {
    font-size: 14px;
    tab-size: 4;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

mortal mantle Oct 19, 2023, 7:34 AM

#

Inter and IBM Plex Mono/FiraCode Nerd Font for me

clear siren Oct 19, 2023, 8:01 AM

#

I use roboto mono everywhere

glad urchin Oct 19, 2023, 8:20 AM

#

iosevka
if not, default consolas

edgy glacier Oct 19, 2023, 9:28 AM

#

Does anyone knoww how to change the background on screenshare so it matches themes isn't of being default grey.

vast delta Oct 19, 2023, 4:01 PM

#

How exactly does the client process .class:has(.element)? does it do the exact same thing as .class .element?
or does it check from each .class down the tree to find .element?

#

also, is there a resource that i can bookmark where i can look it up myself?

clear siren Oct 19, 2023, 4:54 PM

#

it wouldn't do the same thing obviously as x:has(y) applies to x when x y applies to y

#

for all your css reference needs I recommend MDN

vast delta Oct 19, 2023, 4:56 PM

#

clear siren for all your css reference needs I recommend MDN

yes but i am thinking of the detail in which css processes it, not what the selectors do

#

for example i think f53 or what the username was told us that css actually goes from right to left instead of left to right when computing the selectors

#

oh wait i think i might have found it

clear siren Oct 19, 2023, 4:57 PM

#

the tree gets traversed up and down depending on the needs of the selector afaik

#

if you're worried about performance I don't think it makes a big difference tbh

#

my theme is nearing completion I think, I should start porting it to spotify, steam and firefox

gilded cloak Oct 19, 2023, 5:11 PM

#

vast delta for example i think f53 or what the username was told us that css actually goes ...

I was under the impression it was computed left to right, but Ven corrected me

edgy sentinel Oct 19, 2023, 5:12 PM

#

it most likely first checks the normal selector then processes things like not, has, etc

#

but we can not know for sure til someone reads chromium source code

#

or css spec (maybe)

balmy torrent Oct 19, 2023, 5:13 PM

#

i'd guess it wouldn't be css spec if it doesn't affecft behaviour

clear siren Oct 19, 2023, 5:13 PM

#

I doubt the spec helps, chromium isn't strictly following spec

balmy torrent Oct 19, 2023, 5:13 PM

#

you probably already realised that now i think about it

#

guh

mortal mantle Oct 19, 2023, 5:22 PM

#

clear siren my theme is nearing completion I think, I should start porting it to spotify, st...

looks hot

vast delta Oct 19, 2023, 6:00 PM

#

edgy sentinel but we can not know for sure til someone reads chromium source code

ah well :(

slim pond Oct 19, 2023, 8:59 PM

#

mortal mantle Inter and IBM Plex Mono/FiraCode Nerd Font for me

Times new B**tard

#

mortal mantle Oct 19, 2023, 9:27 PM

#

husk

rugged echo Oct 19, 2023, 9:48 PM

#

what the fuck

slim pond Oct 19, 2023, 9:51 PM

#

first time seeing it?

#

i𝐭𝐬 𝐣𝐨𝐛 𝐢𝐬 𝐭𝐨 b𝐞 𝐞𝐱𝐭𝐫e𝐦𝐞𝐥𝐲 𝐣a𝐫𝐫𝐢𝐧𝐠 t𝐨 𝐥𝐨𝐨𝐤 𝐚𝐭

rugged echo Oct 19, 2023, 10:03 PM

#

I don't even know what jarring means but it looks weird

glossy aurora Oct 19, 2023, 11:08 PM

#

teal cave Oct 19, 2023, 11:27 PM

#

jarring is when you are a horse statue and unfortunate things happen

rugged echo Oct 19, 2023, 11:33 PM

#

uh?

gilded cloak Oct 19, 2023, 11:41 PM

#

teal cave jarring is when you are a horse statue and unfortunate things happen

Oh god

mortal mantle Oct 20, 2023, 5:28 PM

#

is there a way to remove this dot before the pronouns?

#

i want to pull something like this off, but the dots feel off for me

balmy torrent Oct 20, 2023, 5:41 PM

#

mortal mantle is there a way to remove this dot before the pronouns?

nope but there can be ✨

vast delta Oct 20, 2023, 5:47 PM

#

check if it is integrated in the text element that also holds other text

mortal mantle Oct 20, 2023, 5:47 PM

#

balmy torrent Oct 20, 2023, 5:49 PM

#

are you clever?

mortal mantle Oct 20, 2023, 5:50 PM

#

no

balmy torrent Oct 20, 2023, 5:50 PM

#

open a pr-oh

rugged echo Oct 20, 2023, 5:53 PM

#

couldn't you use before or after on a selector or something for that kind of stuff?

brittle juniper Oct 20, 2023, 5:55 PM

#

haiii

mortal mantle Oct 20, 2023, 5:56 PM

#

haiiii

#

what I could try is a ::before element that covers that up

vast delta Oct 20, 2023, 6:01 PM

#

mortal mantle

[class^=timestampInline-]>:first-child {
display: none;
}

#

try this

#

I'm not sure if it can do that

#

I'm not home to test

little agate Oct 20, 2023, 6:02 PM

#

mortal mantle what I could try is a ::before element that covers that up

font that makes that character specifically invisible

#

trolley

edgy sentinel Oct 20, 2023, 6:02 PM

#

you can't theme parts of the inline text

#

you'd need to open a pr to put the delimiter in a separate span, or to move it to a ::before

vast delta Oct 20, 2023, 6:02 PM

#

edgy sentinel you can't theme parts of the inline text

oh okay, I thought the only issue was that there is no selector that fits that

edgy sentinel Oct 20, 2023, 6:03 PM

#

first-child will only match actual elements

mortal mantle Oct 20, 2023, 6:03 PM

#

when I hover over it it says something along #text

edgy sentinel Oct 20, 2023, 6:03 PM

#

not text nodes

#

not real

mortal mantle Oct 20, 2023, 6:03 PM

#

edgy sentinel Oct 20, 2023, 6:03 PM

#

yes

#

not real

mortal mantle Oct 20, 2023, 6:04 PM

#

catfrown

edgy sentinel Oct 20, 2023, 6:04 PM

#

you could just use a transform with negative translateX

#

then overflow hidden (? does that work idk) or move it behind the other element and zindex

#

might work

mortal mantle Oct 20, 2023, 6:08 PM

#

it somewhat works

edgy sentinel Oct 20, 2023, 6:14 PM

#

pog

mortal mantle Oct 20, 2023, 6:21 PM

#

Well I didn't manage to get any further with that though, so I just let the dot be

#

and change other tags to differentiate between each other a bit

mortal pebble Oct 20, 2023, 6:22 PM

#

This is hacky but it works: ```css
@font-face {
font-family: "Blank Dot";
src: url("https://raw.githack.com/adobe-fonts/adobe-blank/master/AdobeBlank.ttf.woff");
unicode-range: U+2022;
}

[class^="timestampInline-"] {
font-family: "Blank Dot", var(--font-primary);
}

vast delta Oct 20, 2023, 6:24 PM

#

that url sounds interesting

mortal mantle Oct 20, 2023, 6:24 PM

#

adobe

#

will try later

mortal pebble Oct 20, 2023, 6:25 PM

#

I copied the @font-face from an old davri snippet, you could probably use the github link, not sure

#

@font-face {
    font-family: "Blank Dot";
    src: url("https://raw.githubusercontent.com/adobe-fonts/adobe-blank/master/AdobeBlank.ttf.woff");
    unicode-range: U+2022;
}```This url also works

mortal mantle Oct 20, 2023, 6:27 PM

#

ayo it worked

#

THANK YOU

#

/* Timestamps */
[class^=timestamp] {
position: relative;
color: var(--text-normal) !important;
font-weight: bold;
letter-spacing: 0.05em;
border-radius: 4px;
font-size: 10px !important;
margin: 0 4px;
height: 16px;
top: -3px;
line-height: 1rem !important;
box-shadow: 0 0 0 1px var(--brand-experiment)
}
@font-face {
font-family: "Blank Dot";
src: url("https://raw.githubusercontent.com/adobe-fonts/adobe-blank/master/AdobeBlank.ttf.woff");
unicode-range: U+2022;
}
[class^="timestampInline-"] {
font-family: "Blank Dot", var(--font-primary);
}
[class^=timestamp]:has(time) {
background: var(--brand-experiment);
padding: 0 4px;
}
[class^=timestamp]:not(:has(time)) {
background: var(--brand-experiment-900);
padding: 0 4px 0 2px;
}

vast delta Oct 20, 2023, 6:32 PM

#

couldn't you in theory give the element it's font directly?

mortal pebble Oct 20, 2023, 6:35 PM

#

I am not sure I understand what you mean.
The @font-face is necessary even if you have the blank font installed because you need to specify unicode-range which makes it so only the • character gets blanked out.

robust totem Oct 20, 2023, 6:37 PM

#

hii @mortal pebble

mortal pebble Oct 20, 2023, 6:37 PM

#

hi davri <3

true bloom Oct 20, 2023, 8:44 PM

#

mortal mantle they broke my onekoDM snippet ....

Is this still broken Aoi? PB_peepo_cry_ok

mortal mantle Oct 20, 2023, 8:45 PM

#

its back online again

true bloom Oct 20, 2023, 8:46 PM

#

https://seele1306.github.io/OnekoDM.css right?

mortal mantle Oct 20, 2023, 8:46 PM

#

https://seele1306.github.io/Snippets/OnekoDM/import.css

#

@brittle juniper spotify player after 6 months of css blobcatcozy

clear siren Oct 20, 2023, 8:56 PM

#

edgy sentinel you could just use a transform with negative translateX

I do something like this to remove 'today at' in message timestamps

#

I set max-width:5ch and direction:rtl so only hh:mm shows up lol

mortal mantle Oct 20, 2023, 8:57 PM

#

interesting

clear siren Oct 20, 2023, 8:57 PM

#

I do use a monospace font so there's that, wouldn't work with all fonts

mortal mantle Oct 20, 2023, 8:58 PM

#

i mean ...

#

thats with regular Roboto

clear siren Oct 20, 2023, 9:00 PM

#

time[aria-label^="Today"],/*cut off "today at" */
.timestampVisibleOnHover-9PEuZS time::after 
 { display: inline-block;
   max-width: 5ch;
   overflow: hidden;
   direction: rtl;
   white-space: nowrap;
   vertical-align: bottom; }```

#

that's the code I have

mortal mantle Oct 20, 2023, 9:01 PM

#

and it worked flawlessly

#

awesome

#

i havent used any of the parameters you have used that much so no idea

clear siren Oct 20, 2023, 9:04 PM

#

yeah I haven't either, but I just throw random css at a problem until it works and I never look at it again

mortal mantle Oct 20, 2023, 9:04 PM

#

I don't even know what they do lol

#

will have to learn more

#

thats gonna be a lot of changes for v2.0.0 lmao

brittle juniper Oct 21, 2023, 1:36 AM

#

mortal mantle <@1038809506899042445> spotify player after 6 months of css <:blobcatcozy:102653...

isanse

mortal mantle Oct 21, 2023, 11:22 AM

#

blobcatcozy

vast delta Oct 21, 2023, 12:21 PM

#

ISANSE

magic cove Oct 21, 2023, 8:03 PM

#

is there anyway to lower the typing thing down a little bit? (to fit the actual message bar)

vast delta Oct 21, 2023, 8:49 PM

#

magic cove is there anyway to lower the typing thing down a little bit? (to fit the actual ...

have you given the messagebar position absolute?

magic cove Oct 21, 2023, 8:49 PM

#

yes

#

i did it

#

i did this

vast delta Oct 21, 2023, 8:49 PM

#

o you wanna do this

#

i got a gift for you

magic cove Oct 21, 2023, 8:49 PM

#

im listening

vast delta Oct 21, 2023, 8:50 PM

#

#🎨-css-snippets message

#

they laughed at me

#

they gave me the question mark

magic cove Oct 21, 2023, 8:50 PM

#

d_sob

vast delta Oct 21, 2023, 8:51 PM

#

this will rotate the entire element with all the messagebar stuff oupside down, and then again rotate the elements inside it upside down (so now right side up) so it looks normal

magic cove Oct 21, 2023, 8:51 PM

#

ah okay

vast delta Oct 21, 2023, 8:51 PM

#

and the margin thing just makes it look seemless

magic cove Oct 21, 2023, 8:51 PM

#

i have a few questions regarding smth else im trying to do

vast delta Oct 21, 2023, 8:51 PM

#

seamless? seemless? guh spelling

vast delta Oct 21, 2023, 8:51 PM

#

magic cove i have a few questions regarding smth else im trying to do

dont ask to ask

magic cove Oct 21, 2023, 8:51 PM

#

tryna make this entire thing black but the server list wont change colour

vast delta Oct 21, 2023, 8:52 PM

#

this means that the elements inside it also have a background

#

thats just a discord thing, they do that a lot

magic cove Oct 21, 2023, 8:52 PM

#

ah okay

#

thats very very goofy

vast delta Oct 21, 2023, 8:52 PM

#

you can easily check which elements you need though by selecting the compute tab at the bottom instead of styles and looking if it has the background property

magic cove Oct 21, 2023, 8:52 PM

#

ah okay

#

thank you

vast delta Oct 21, 2023, 8:53 PM

#

this has background

magic cove Oct 21, 2023, 8:53 PM

#

ah okay

vast delta Oct 21, 2023, 8:53 PM

#

#

this does not

magic cove Oct 21, 2023, 8:53 PM

#

yeah

vast delta Oct 21, 2023, 8:53 PM

#

its such a quick check imo

magic cove Oct 21, 2023, 8:53 PM

#

yeah

#

agreed

#

i agree

balmy torrent Oct 21, 2023, 9:18 PM

#

vast delta https://discord.com/channels/1015060230222131221/1028106818368589824/11606568683...

qhar

#

❓

magic cove Oct 21, 2023, 9:24 PM

#

im trying to round the banner here but i dont know how

#

ive tried

#

ive rounded it normall

#

#

just not in the profile settings

mortal mantle Oct 21, 2023, 9:39 PM

#

.bannerSVGWrapper-2CLfzN

magic cove Oct 21, 2023, 9:43 PM

#

thank you

mortal mantle Oct 21, 2023, 9:43 PM

#

np blobcatcozy

magic cove Oct 21, 2023, 9:46 PM

#

hey aoi

#

would you know how to colour the server list of the soundboard?

#

ive tried and am unsure on how

mortal mantle Oct 21, 2023, 9:47 PM

#

I may be stupid but how do I access that soundboard

#

ah found it

magic cove Oct 21, 2023, 9:52 PM

#

okay lol

mortal mantle Oct 21, 2023, 9:52 PM

#

.wrapper-22rqw6 {
background: var(--background-floating)
}

magic cove Oct 21, 2023, 9:53 PM

#

thank you

vast delta Oct 21, 2023, 9:57 PM

#

aoi doing non future proof code

mortal mantle Oct 21, 2023, 10:01 PM

#

too tired for that

rugged echo Oct 21, 2023, 10:14 PM

#

its very unlikely that they are going to change that, not sure if discord decides elements to change

vast delta Oct 21, 2023, 10:14 PM

#

they sometimes change the hash at the end

rugged echo Oct 21, 2023, 10:16 PM

#

but its probably elements that they are going to work with, not random stuff for no reason

vast delta Oct 21, 2023, 10:16 PM

#

they could

clear siren Oct 21, 2023, 10:17 PM

#

I still really hate how modern websites do that, it entirely defeats the purpose of classes

#

unique elements should have ids and classes should be reusable

rugged echo Oct 21, 2023, 10:18 PM

#

its probably just a mess for people not working on that, like style creatos idk

clear siren Oct 21, 2023, 10:18 PM

#

but no let's have every element have 7 classes with random numbers

edgy sentinel Oct 21, 2023, 10:19 PM

#

clear siren I still really hate how modern websites do that, it entirely defeats the purpose...

how?

#

all my websites also use such classes

#

#

it's just scoped styles

#

very convenient

clear siren Oct 21, 2023, 10:21 PM

#

I just don't understand, maybe I'm oldschool or maybe I'm dumb but as far as I understand ids should be unique but classes used across many elements

edgy sentinel Oct 21, 2023, 10:21 PM

#

the point is quite simply styles scoped to the current component

#

you can write components without worrying about other classes in the dom

#

// Button.tsx
import Classes from "./Button.module.css";

export function Button({ text, onClick }) {
  return <button className={Classes.button}>{text}</button>;
}

#

then ur css can just be

.button {
}

edgy sentinel Oct 21, 2023, 10:23 PM

#

edgy sentinel

or even more extreme in the case of vencord's website, you can just target dom elements

#

and it only affects the current component, nothing else in the page

#

https://github.com/Vencord/vencord.dev/blob/main/src/components/CodeBlock.svelte

GitHub

vencord.dev/src/components/CodeBlock.svelte at main · Vencord/venco...

Vencord's official website. Contribute to Vencord/vencord.dev development by creating an account on GitHub.

clear siren Oct 21, 2023, 10:24 PM

#

I still don't get it but I think that's ok

edgy sentinel Oct 21, 2023, 10:24 PM

#

if you have many different buttons in the same app

#

you have to be very careful that your classes dont collide

grand surge Oct 21, 2023, 10:25 PM

#

ven make https://vencord.dev/shiggy

edgy sentinel Oct 21, 2023, 10:25 PM

#

you wouldn't want your styles for the create role button to affect the gift button

#

so you end up writing verbose classes like .chat-bar-gift-button

#

the point of scoped styles is that you don't have this problem, instead you just

/* ChatBar.module.css */

.button {
}

clear siren Oct 21, 2023, 10:25 PM

#

if I have many different buttons in my app, I would have a class for each use case, or selectors that only select the ones I want

edgy sentinel Oct 21, 2023, 10:25 PM

#

and your compiler turns it into .button-28aAx, whereas the create role button would be .button-10ajsA

#

no more conflicts and you don't have to come up with super verbose classes

vast delta Oct 21, 2023, 10:29 PM

#

i agree with nvhhr

clear siren Oct 21, 2023, 10:29 PM

#

I would rather have verbose classes and proper selectors instead of random character salad but then again I have never used anything but a text editor and pure html/css to make websites

vast delta Oct 21, 2023, 10:29 PM

#

i think the elements should have an id to select it specifically and classes to select it based on what the use of that element is

#

id = #close-window-button
class = .button .secondary-accent .dark-theme
for example

#

that would be super simple to manage

clear siren Oct 21, 2023, 10:30 PM

#

I have to admit I have no idea what a scoped style should even mean or accomplish when css has everything you should need builtin

edgy sentinel Oct 21, 2023, 10:35 PM

#

clear siren I would rather have verbose classes and proper selectors instead of random chara...

obv yes if you're trying to mod its easier

vestal field Oct 21, 2023, 10:35 PM

#

clear siren I would rather have verbose classes and proper selectors instead of random chara...

from the dev side you don't see the character salad

edgy sentinel Oct 21, 2023, 10:35 PM

#

but for the first party developer it's way easier to use mangled classes

#

cause like refactor said u dont see it

#

you see ".button"

edgy sentinel Oct 21, 2023, 10:36 PM

#

clear siren I have to admit I have no idea what a scoped style should even mean or accomplis...

i already told you

#

their point is that you can write super generic class names like "button" when you mean a very specific button

#

and never have to worry about conflicts

#

if you have a very large app like discord, managing thousands of classes is painful and introducing collisions will happen sooner or later

#

at some point u become tired of having to come up with thousands of unique super precise classnames

#

why name ur shit .member-list-nitro-boost-button when you could just name it .button and have the compiler make sure it doesn't collide with anything else

clear siren Oct 21, 2023, 10:38 PM

#

bring back web 1.0, I hate this

edgy sentinel Oct 21, 2023, 10:38 PM

#

why

#

it's way better developer experience

edgy sentinel Oct 21, 2023, 10:39 PM

#

edgy sentinel https://github.com/Vencord/vencord.dev/blob/main/src/components/CodeBlock.svelte

like look at this, i just target html elements like button, code directly and don't have to waste time coming up with good classnames

#

it's way faster/easier and more comfortable

clear siren Oct 21, 2023, 10:40 PM

#

ok but if you have these components why not have them have a class of their own that would be included in selectors or something

edgy sentinel Oct 21, 2023, 10:40 PM

#

?

#

why would i do that when i can just not

#

you need to stop thinking from a third party modder view

#

and start thinking from a first party app developer view

vestal field Oct 21, 2023, 10:41 PM

#

clear siren ok but if you have these components why not have them have a class of their own ...

how about you come up with hundreds of unique classnames for every element

#

it just gets annoying to create and type all of them

clear siren Oct 21, 2023, 10:42 PM

#

my point is that every element shouldn't have hundreds of unique class names

mortal mantle Oct 21, 2023, 10:43 PM

#

the main issue with discord's elements is that too many elements have the same classname

vast delta Oct 21, 2023, 10:43 PM

#

and they shouldnt all be called wrapper or content :(

edgy sentinel Oct 21, 2023, 10:43 PM

#

clear siren my point is that every element shouldn't have hundreds of unique class names

thats not the point at all

wicked sparrow Oct 21, 2023, 10:43 PM

#

hey guys need some support

vast delta Oct 21, 2023, 10:43 PM

#

you do [class^=content] {display:none} and its like doing * {display:none}

vast delta Oct 21, 2023, 10:43 PM

#

wicked sparrow hey guys need some support

#🏥-vencord-support-🏥

vestal field Oct 21, 2023, 10:43 PM

#

clear siren my point is that every element shouldn't have hundreds of unique class names

i meant if you have hundreds of unique elements, you don't want to create a unique class for each one
not multiple classnames for each element

wicked sparrow Oct 21, 2023, 10:44 PM

#

vast delta <#1026515880080842772>

i went there and was told to ask here

edgy sentinel Oct 21, 2023, 10:44 PM

#

mortal mantle the main issue with discord's elements is that too many elements have the same c...

vast delta Oct 21, 2023, 10:44 PM

#

then ask your css related question

vestal field Oct 21, 2023, 10:44 PM

#

vast delta and they shouldnt all be called wrapper or content :(

this is true

wicked sparrow Oct 21, 2023, 10:44 PM

#

.membersWrap-3GwLFp {
  min-width: 0 !important;
}
.member-2gU6Ar {
  max-width: unset !important;
}
.membersWrap-3GwLFp:hover .members-2y1nVj {
  width: 480px !important;
}

.members-2y1nVj {
  transition: 250ms ease all;
  width: 61px;
}```

#

had this snippet in my theme

vast delta Oct 21, 2023, 10:44 PM

#

discord rehash

wicked sparrow Oct 21, 2023, 10:44 PM

#

class names changed, i updated them

vast delta Oct 21, 2023, 10:44 PM

#

o

mortal mantle Oct 21, 2023, 10:44 PM

#

fair, my bad

wicked sparrow Oct 21, 2023, 10:45 PM

#

container behind memberswraper does not become small

#

but it does resize to bigger than normal when hovered

vestal field Oct 21, 2023, 10:45 PM

#

wicked sparrow container behind memberswraper does not become small

pretty sure discord added an extra container in there somewhere

vast delta Oct 21, 2023, 10:45 PM

#

edgy sentinel

yes but a third party modder and a first party app developer have basically the same intentions: understand what the previous person wrote and what everything does, only that third party modders probably have different intentions

wicked sparrow Oct 21, 2023, 10:45 PM

#

nothing else in the theme conflicts with it i tried just having the snippet there

clear siren Oct 21, 2023, 10:45 PM

#

vestal field i meant if you have hundreds of unique elements, you don't want to create a uniq...

yeah I understood, but my point was and still is that the way classes are used nowadays is just so different to how they were intended, classes should have been for a group of items, such as .button that applies to every button; now every button has their own unique class that should've been an id

wicked sparrow Oct 21, 2023, 10:46 PM

#

vestal field pretty sure discord added an extra container in there somewhere

o i tried selecting that and resizing that and it doesn't quite work

edgy sentinel Oct 21, 2023, 10:47 PM

#

vast delta yes but a third party modder and a first party app developer have basically the ...

the first party developer would have no problem understanding what it means tho

#

what it wraps would be obvious based on the component it's used in

edgy sentinel Oct 21, 2023, 10:47 PM

#

clear siren yeah I understood, but my point was and still is that the way classes are used n...

that makes no sense

vast delta Oct 21, 2023, 10:47 PM

#

im talking about potential new employees that dont know much about discords code

edgy sentinel Oct 21, 2023, 10:47 PM

#

ids are only meant for truly unique items, as in there is literally at most ONE SINGLE ELEMENT at once, no more

edgy sentinel Oct 21, 2023, 10:47 PM

#

vast delta im talking about potential new employees that dont know much about discords code

yes

#

them too

#

if you see wrapper inside UserProfile.css you will have no trouble understanding what it wraps

vestal field Oct 21, 2023, 10:48 PM

#

clear siren yeah I understood, but my point was and still is that the way classes are used n...

its easier to use all classes instead of only using ids for unique elements
and classes still work like this, they're just scoped to components

edgy sentinel Oct 21, 2023, 10:48 PM

#

edgy sentinel ids are only meant for truly unique items, as in there is literally at most ONE ...

whereas these unique classes are only unique to the component they're used in

#

but there might be hundreds of instances of that component

#

like this messageListItem class

vestal field Oct 21, 2023, 10:50 PM

#

edgy sentinel ids are only meant for truly unique items, as in there is literally at most ONE ...

i just use classes for almost everything lol because you never know if you're gonna add more of it

edgy sentinel Oct 21, 2023, 10:50 PM

#

ya

#

you should almost always avoid ids

#

unless you fully know it's unique

#

like this uses an id

vestal field Oct 21, 2023, 10:51 PM

#

wicked sparrow o i tried selecting that and resizing that and it doesn't quite work

lemme try to find a fix

clear siren Oct 21, 2023, 10:51 PM

#

I get it, and I'm not debating or arguing with you, but I still don't like it, even from the dev perspective I would never do this

wicked sparrow Oct 21, 2023, 10:51 PM

#

vestal field lemme try to find a fix

please do because i am Stumped

edgy sentinel Oct 21, 2023, 10:52 PM

#

clear siren I get it, and I'm not debating or arguing with you, but I still don't like it, e...

u will change ur mind if u ever have to work on a large website

clear siren Oct 21, 2023, 10:52 PM

#

possibly

wicked sparrow Oct 21, 2023, 10:58 PM

#

why does discord randomly update a bunch of class names?

edgy sentinel Oct 21, 2023, 11:06 PM

#

they dont

#

their compiler just decided to

#

which usually means they changed their styles or added new classes

mortal mantle Oct 21, 2023, 11:09 PM

#

so the compiler will just randomize everything again after a new class is added, instead of just inserting that new class in with an available name?

vast delta Oct 21, 2023, 11:10 PM

#

not everything it seems

#

just where it changed i guess

mortal mantle Oct 21, 2023, 11:10 PM

#

well, certain classes got changed

vestal field Oct 21, 2023, 11:10 PM

#

wicked sparrow please do because i am Stumped

ok try this

/*Minifiedmemberlist*/
.members-2y1nVj,
.container-2vWgD2 {
    width: 64px;
    transition: 0.3s ease;
}
.membersWrap-3GwLFp {
    min-width: 0;
    width: min-content;
}
.container-2vWgD2:hover,
.container-2vWgD2:hover .members-2y1nVj {
      width: 480px;
}
.member-2gU6Ar {
    max-width: unset;
}```

mortal mantle Oct 21, 2023, 11:10 PM

#

probably whereever a change was introduced then the elements around there will get their classes changed

vestal field Oct 21, 2023, 11:11 PM

#

they added a container around the member list

edgy sentinel Oct 21, 2023, 11:12 PM

#

mortal mantle probably whereever a change was introduced then the elements around there will g...

ya

vestal field Oct 21, 2023, 11:13 PM

#

this snippet is actually quite cool im keeping it

mortal mantle Oct 21, 2023, 11:15 PM

#

edgy sentinel ya

I see, that somewhat makes sense then, but I wonder that if there are enough class names to accommodate one more element (which there obviously should be), then why is a name change for all the others necessary?

#

Does it have something to do with security

wicked sparrow Oct 21, 2023, 11:17 PM

#

vestal field ok try this ```css /*Minifiedmemberlist*/ .members-2y1nVj, .container-2vWgD2 { ...

kinda went to bed alr i will try it tomorrow

#

thx for the fix

#

i am not the best with css

mortal mantle Oct 21, 2023, 11:17 PM

#

There are approximately 64^6 options for class names, and there definitely cannot be that many button elements in a webpage

edgy sentinel Oct 21, 2023, 11:18 PM

#

mortal mantle I see, that somewhat makes sense then, but I wonder that if there are enough cla...

well they have a random string generator

#

if they add a new class, it gets in the middle

#

and shifts all elements, which changes the hashes?

#

idk how it works but smth like that probably

vast delta Oct 21, 2023, 11:22 PM

#

trolley

dark dragon Oct 21, 2023, 11:23 PM

#

On their end they probably just use the names anyway right? Then the hashes would just be added after the fact and all the changes need automated? I can't imagine it really matters to them if 1 class changes or they all do

vast delta Oct 21, 2023, 11:23 PM

#

yes

#

they dont have to deal with the hashes

#

well we cant know that for sure

mortal mantle Oct 21, 2023, 11:26 PM

#

Go to bed

vast delta Oct 21, 2023, 11:27 PM

#

maybe

dim bluff Oct 22, 2023, 1:18 AM

#

What are some good places for someone that has has very little programming experience to learn css?

dark dragon Oct 22, 2023, 1:30 AM

#

The Odin Project is a decent place to start. It goes a bit further but it should cover most of what you need to know in the first few chapters

dim bluff Oct 22, 2023, 1:50 AM

#

dark dragon The Odin Project is a decent place to start. It goes a bit further but it should...

Thank you

cerulean pine Oct 22, 2023, 2:00 AM

#

hey, would anyone be able to fix this css to make the discord title bar more like windows (i don't like the vencord one) that broke in the latest update?

.winButton-3UMjdg {
  height: 32px;
  width: 32px;
  margin-top: 0px;
  padding-left: 8px;
  padding-right: 8px;
}
.withFrame-2dL45i {
  height: fit-content;
  margin-top: 0px;
}
.wordmarkWindows-2dq6rw {
  margin-top: 8px;
  margin-left: 8px;
  padding: 0px;
}

edgy sentinel Oct 22, 2023, 2:01 AM

#

what

#

wdym you don't like the vencord one

#

vesktop has a setting to use discords windows title bar, or wdym

cerulean pine Oct 22, 2023, 2:16 AM

#

yeah but imo it looks weird cause it uses the windows translucent colour

#

whereas the css i used to use just keeps the regular black title bar and makes the buttons fit in more

vast delta Oct 22, 2023, 8:59 AM

#

seems like you didn't understand what Ven said

slim pond Oct 22, 2023, 10:35 AM

#

cerulean pine yeah but imo it looks weird cause it uses the windows translucent colour

are you using normal discord with vencord or vesktop?

#

if you are using vesktop, you can enable the discord titlebar setting in vesktop settings

wicked sparrow Oct 22, 2023, 5:36 PM

#

vestal field ok try this ```css /*Minifiedmemberlist*/ .members-2y1nVj, .container-2vWgD2 { ...

works perfectly

#

https://cdn.discordapp.com/emojis/833070596127588352.webp?size=48&name=OkayChamp&quality=lossless

rugged echo Oct 22, 2023, 9:13 PM

#

I don't know why, but I did this thing

#

wait a theme already made this, but anyways

mortal mantle Oct 22, 2023, 9:35 PM

#

I already integrated the unreads into the channel icons themselves

rugged echo Oct 22, 2023, 9:39 PM

#

it looks nice somehow

simple kiln Oct 23, 2023, 2:44 AM

#

mortal mantle I already integrated the unreads into the channel icons themselves

I think that the already highlighted channel names can differentiate which channels are unread.

#

[class*="unread-"] {
    display:none
}

gilded radish Oct 23, 2023, 10:50 AM

#

hey, does anyone have the selectors for the mute and deafen buttons?

toxic yew Oct 23, 2023, 10:53 AM

#

[aria-label="Mute"],
[aria-label="Deafen"]

gilded radish Oct 23, 2023, 11:04 AM

#

thank you

gilded radish Oct 23, 2023, 11:06 AM

#

toxic yew [aria-label="Mute"], [aria-label="Deafen"]

actually, this doesn't really work with {display: none;}

toxic yew Oct 23, 2023, 11:09 AM

#

gilded radish actually, this doesn't really work with {display: none;}

display: none !important;

gilded radish Oct 23, 2023, 11:09 AM

#

Ight lemme try

#

thanks!

rugged echo Oct 23, 2023, 5:42 PM

#

why do you want to hide those? lol

oak plover Oct 23, 2023, 6:21 PM

#

Guess they don’t use vc often idk

#

There’s keyboard commands for those buttons anyways

rugged echo Oct 23, 2023, 7:10 PM

#

oh right, I forgot about keybinds

gilded radish Oct 24, 2023, 11:28 AM

#

rugged echo why do you want to hide those? lol

I have not joined a VC in... 6 months, maybe more
That's the reason lmfao

mortal mantle Oct 24, 2023, 2:16 PM

#

simple kiln I think that the already highlighted channel names can differentiate which chann...

you have a good point, but i don't think the end user would like to see the channel icons removed

vast delta Oct 24, 2023, 4:55 PM

#

replaces the old ugly 🥺 with the cooler one

mortal mantle Oct 24, 2023, 5:20 PM

#

The old one is better

edgy sentinel Oct 24, 2023, 5:20 PM

#

vast delta replaces the old ugly 🥺 with the cooler one

show before and after

vast delta Oct 24, 2023, 5:22 PM

#

haughty totem Oct 24, 2023, 10:40 PM

#

replacement: https://cdn.discordapp.com/emojis/1090870296157896724.webp?quality=lossless

#

to be replaced:
~~https://cdn.discordapp.com/assets/e63c47fd56c7ed1e4552974baaef4b4e.svg ~~no. let’s see here

    https://discordapp.com/assets/e63c47fd56c7ed1e4552974baaef4b4e.svg
            https://discord.com/assets/e63c47fd56c7ed1e4552974baaef4b4e.svg

these work both. (but dc doesn’t embed .SVGs)

#

vast delta Oct 24, 2023, 10:43 PM

#

haughty totem Oct 24, 2023, 10:43 PM

#

did you just admit to using client mods

vast delta Oct 24, 2023, 10:44 PM

#

no this is a custom discord skin i got from the official discord staff

haughty totem Oct 24, 2023, 10:44 PM

#

oh makes sense, i just had to check, carry on

#

the old one pleading_face_ORG was better fr.
(new one e_pleadingface arguably looks more sad than pleading if you’re not familiar with it)

edgy sentinel Oct 24, 2023, 10:53 PM

#

the old one is way better

vast delta Oct 24, 2023, 11:21 PM

#

🥺

#

this one best

cedar cairn Oct 24, 2023, 11:53 PM

#

edgy sentinel the old one is way better

WRONG

#

candycorn lookin ass eyes

#

and only used by terminally online people being way too public with their exploits

oak plover Oct 24, 2023, 11:55 PM

#

They both suck

toxic yew Oct 25, 2023, 3:25 AM

#

class names are now name_hash instead of -

edgy sentinel Oct 25, 2023, 3:26 AM

#

yop

gilded cloak Oct 25, 2023, 3:26 AM

#

yea

#

most of my css still works

#

including classic client theme, the best theme

grand surge Oct 25, 2023, 3:57 AM

#

pleadingzoom

mortal mantle Oct 25, 2023, 4:39 AM

#

Did discord change everything again

grand surge Oct 25, 2023, 4:39 AM

#

yop

mortal mantle Oct 25, 2023, 4:40 AM

#

welp I can say goodbye to theme making

grand surge Oct 25, 2023, 4:40 AM

#

they made it easier apparently

grand surge Oct 25, 2023, 4:40 AM

#

toxic yew class names are now name_hash instead of -

@mortal mantle

mortal mantle Oct 25, 2023, 4:41 AM

#

am I gonna spend 24 hours fixing every selector to that?

#

hell nah

grand surge Oct 25, 2023, 4:41 AM

#

yes trolley

safe python Oct 25, 2023, 4:42 AM

#

toxic yew class names are now name_hash instead of -

..so you can .replace(/-/g, "_") ?

#

or what changed

mortal mantle Oct 25, 2023, 5:25 AM

#

grand surge yes <:trolley:1024751352028602449>

then you will have to attend lectures and copy down every single thing the Prof will write for the next week for me

grand surge Oct 25, 2023, 5:56 AM

#

mortal mantle then you will have to attend lectures and copy down every single thing the Prof ...

HuTaoSalute

clear siren Oct 25, 2023, 11:58 AM

#

don't you need the ""? 🤔

vast delta Oct 25, 2023, 11:58 AM

#

try it :)

clear siren Oct 25, 2023, 11:59 AM

#

well I tried it on another selector in my css and it definitely needs the "" to work

vast delta Oct 25, 2023, 11:59 AM

#

show

clear siren Oct 25, 2023, 12:01 PM

#

hmm that actually works for classes but not other attributes as far as I can tell

vast delta Oct 25, 2023, 12:01 PM

#

other attributes may not but it does for classes

clear siren Oct 25, 2023, 12:01 PM

#

interesting, I think I'll change my class attribute selectors to that as it is cleaner

vast delta Oct 25, 2023, 12:02 PM

#

🥺

#

other attributes work without it

#

clear siren Oct 25, 2023, 12:03 PM

#

button[aria-label^=Send a gift] doesn't work without the ""

vast delta Oct 25, 2023, 12:03 PM

#

yes because "send a gift" is text and with spaces

clear siren Oct 25, 2023, 12:04 PM

#

oh yeah spaces break that

vast delta Oct 25, 2023, 12:04 PM

#

i think "" is "this is one value together, do not see anything in here as potential selectors or anything"

#

aka "this is just text, no selector, no link, just text"

#

even the comment thing is seen as text

clear siren Oct 25, 2023, 12:05 PM

#

yeah

#

I've always used the "" without giving it much thought but this will definitely make the css easier to read especially since I'm gonna be using a lot of class attr selectors from now on

vast delta Oct 25, 2023, 12:06 PM

#

i love your use of ^= though

vast delta Oct 25, 2023, 12:06 PM

#

clear siren I've always used the "" without giving it much thought but this will definitely ...

class attr selectors are best

#

i feel like they impact performance a bunch but shhh, they will never break

clear siren Oct 25, 2023, 12:15 PM

#

if my discord becomes too slow to run on my overclocked 12700K and 3080 I'll think of optimizing

vast delta Oct 25, 2023, 12:16 PM

#

lol

clear siren Oct 25, 2023, 12:17 PM

#

I'm already abusing filter:blur, filter:drop-shadow, box-shadows and text-shadows, gradients..

mortal mantle Oct 25, 2023, 12:24 PM

#

I'm changing all attr back to class names

#

Because even the attr also don't work anymore

clear siren Oct 25, 2023, 12:26 PM

#

depends on what attribute you were using, a lot of people used "class-" but changing the - to _ or dropping it should fix like 98% of selectors

#

as far as I can tell hashes were regenerated and dashes became underscores but not a whole lot else changed with classnames

teal cave Oct 25, 2023, 12:28 PM

#

would recommend replacing with _ rather than dropping it, because then weird stuff may happen eg. class^=button would match button_123456 as expected, but will also match buttoncontainer_123456 (probably not what you intend)

clear siren Oct 25, 2023, 12:28 PM

#

true

mortal mantle Oct 25, 2023, 12:28 PM

#

hashes now aren't capitalized anymore

vast delta Oct 25, 2023, 12:28 PM

#

mortal mantle Because even the attr also don't work anymore

just replace - _

mortal mantle Oct 25, 2023, 12:28 PM

#

so only lowercases and numbers remain

teal cave Oct 25, 2023, 12:28 PM

#

epic

mortal mantle Oct 25, 2023, 12:29 PM

#

But well since I'm fairly busy today it's unlikely i will get many things fixed

vast delta Oct 25, 2023, 12:34 PM

#

what this?

vast delta Oct 25, 2023, 1:06 PM

#

_

#

.class-19812kdf

#

[class^=class]

glad urchin Oct 25, 2023, 1:06 PM

#

what is

#

oh.

vast delta Oct 25, 2023, 1:06 PM

#

vc

glad urchin Oct 25, 2023, 1:06 PM

#

him

#

oh vc
have fun

vast delta Oct 25, 2023, 1:07 PM

#

you too bbg

glad urchin Oct 25, 2023, 1:08 PM

#

pleading

mortal mantle Oct 25, 2023, 1:08 PM

#

coolesding could you go through my theme and fix it 🥺🥺

vast delta Oct 25, 2023, 1:09 PM

#

sorry, your theme is too much work cutie

#

you worked too much

mortal mantle Oct 25, 2023, 1:10 PM

#

I have been overworked for the past 6 months

glad urchin Oct 25, 2023, 1:10 PM

#

rest

mortal mantle Oct 25, 2023, 1:10 PM

#

I can't afford it anymore in the near future ....

glad urchin Oct 25, 2023, 1:11 PM

#

eep well

vast delta Oct 25, 2023, 1:11 PM

#

dont worry about your theme cutie

mortal mantle Oct 25, 2023, 1:11 PM

#

I was ready to release v2.0

vast delta Oct 25, 2023, 1:11 PM

#

maybe i will look at it soon

mortal mantle Oct 25, 2023, 1:11 PM

#

And then all classes changed

#

I will give myself 4 weeks to fix

vast delta Oct 25, 2023, 1:20 PM

#

we can fix it together cutie, dont stress yourself

mortal mantle Oct 25, 2023, 1:21 PM

#

Ty ❤️

mortal mantle Oct 25, 2023, 1:41 PM

#

https://github.com/SyndiShanX/Update-Classes

GitHub

GitHub - SyndiShanX/Update-Classes: Updates the Classes in a Theme ...

Updates the Classes in a Theme File using a Change List - GitHub - SyndiShanX/Update-Classes: Updates the Classes in a Theme File using a Change List

#

Idk if this will work

#

But I will give it a try when possible

stone goblet Oct 25, 2023, 1:48 PM

#

doubt it would work with scss

mortal mantle Oct 25, 2023, 8:39 PM

#

will try

clear siren Oct 25, 2023, 8:41 PM

#

I just thought I want serverrings back and looked at its code.. what the hell

#

I'll write it from scratch easier than try to fix this mess

mortal mantle Oct 25, 2023, 8:45 PM

#

the og radial status was highly inefficient

#

i discovered that i could just use box-shadow in tandem with the platform indicator icons

clear siren Oct 25, 2023, 8:54 PM

#

the serverrings also; https://github.com/DiscordStyles/SoftX/blob/deploy/ServerRings.css

GitHub

SoftX/ServerRings.css at deploy · DiscordStyles/SoftX

A soft and comfy feel for Discord. Contribute to DiscordStyles/SoftX development by creating an account on GitHub.

#

doesn't make any sense to do it this way

mortal mantle Oct 25, 2023, 8:56 PM

#

yeah that was my method

#

instead of having to do the cx cy thing like radial status

clear siren Oct 25, 2023, 8:56 PM

#

to be fair that's vomited out by this scss https://github.com/DiscordStyles/SoftX/blob/main/src/addons/_serverrings.scss

GitHub

SoftX/src/addons/_serverrings.scss at main · DiscordStyles/SoftX

A soft and comfy feel for Discord. Contribute to DiscordStyles/SoftX development by creating an account on GitHub.

#

but still, pointless

vast delta Oct 25, 2023, 8:58 PM

#

mortal mantle the og radial status was highly inefficient

og radialstatus was a warcrime to show to css coders

#

awful

clear siren Oct 25, 2023, 9:01 PM

#

same author, who clearly knows css but does the most backwards things with it

vast delta Oct 25, 2023, 9:03 PM

#

the serverrings css was awful though haha

#

what exactly does it do? do you have screenshots?

#

i might just remake it for you if i like it

clear siren Oct 25, 2023, 9:04 PM

#

I can do it myself easy

#

it just makes a configurable ring+glow around server icons based on selected/hovered/unread/mentioned

vast delta Oct 25, 2023, 9:04 PM

#

ohhh

clear siren Oct 25, 2023, 9:07 PM

#

the only css I'd like someone else to make is moving things into the titlebar lol

#

oh I think your code might still work

mortal mantle Oct 25, 2023, 9:10 PM

#

The only reason they would do that selector 40 times is to animate the entire sequence the server ring pops up

#

I only style it once for 40px

clear siren Oct 25, 2023, 9:12 PM

#

they are taking the height of the indicator on the left to determine the state, resize/move the indicator and color it, no animation

#

well there would be a transition if you use the softx theme as that has a transition var set

#

but it has nothing to do with the selectors used

clear siren Oct 25, 2023, 9:23 PM

#

clear siren oh I think your code might still work

yeah your 'Remove the header and place the window buttons inside the top bar' snippet worked just fine by changing a few - to _

vast delta Oct 25, 2023, 9:23 PM

#

well my vesktop isnt showing the discord titlebar so i cant officially fix it :(

#

i could take your word for it and just searchreplace

clear siren Oct 25, 2023, 9:24 PM

#

mine started working randomly at some point today

vast delta Oct 25, 2023, 9:25 PM

#

clear siren mine started working randomly at some point today

HOW

#

GIMME

clear siren Oct 25, 2023, 9:26 PM

#

I dunno I had the same issue and I tried toggling it on and off, then after the first patch wave I decided to try again and it just worked

#

even though I saw nothing in the patches that would have anything to do with it

vast delta Oct 25, 2023, 9:27 PM

#

i tried turning it off restarting and turning it on and restarting

#

didnt work

clear siren Oct 25, 2023, 9:29 PM

#

one small problem though, can't drag the window when [class^=typeWindows_]{height:0}

vast delta Oct 25, 2023, 9:29 PM

#

yes

#

i already asked if someone could add a theming attribute to detect if the window is maximized, i got positive feedback for the idea so it might get added soon when everything is fine again

clear siren Oct 25, 2023, 9:30 PM

#

I think I'll try to have the .typeWindows_ be a region somewhere but not one that pushes content down

#

position:fixed maybe

vast delta Oct 25, 2023, 9:31 PM

#

could probably just do html:is(IsMaximized) [class^=typeWindows_]{height:20px}

clear siren Oct 25, 2023, 9:31 PM

#

yeah I don't care about maximizing

mortal mantle Oct 25, 2023, 9:31 PM

#

I always use discord maximized

vast delta Oct 25, 2023, 9:31 PM

#

mortal mantle I always use discord maximized

same, which is why i made it so you cant drag it

#

no need to drag if you are maxed

mortal mantle Oct 25, 2023, 9:31 PM

#

I want to drag it still

#

Because I have more than 1 monitor

clear siren Oct 25, 2023, 9:32 PM

#

I run 3440*1440 with windows scaling 100%

vast delta Oct 25, 2023, 9:32 PM

#

to drag it you have to unmaximize, which would then show your bar again when it gets added

clear siren Oct 25, 2023, 9:32 PM

#

discord usually only takes a quarter of my screen

vast delta Oct 25, 2023, 9:32 PM

#

clear siren I run 3440*1440 with windows scaling 100%

oh okay haha

mortal mantle Oct 25, 2023, 9:32 PM

#

I will just change my bar back to the windows style when the theme is finished

#

blobcatcozy

vast delta Oct 25, 2023, 9:33 PM

#

i could also make a hover zone to be able to drag

#

well not right now

clear siren Oct 25, 2023, 9:34 PM

#

making .typeWindows_ a small position:fixed box could work, might add some repeating diagonal gradient to indicate a dragger or something

vast delta Oct 25, 2023, 9:35 PM

#

for indicators i just use svg arrow

clear siren Oct 25, 2023, 9:41 PM

#

or another fun idea would have it be invisible but use cursor:move on it

vast delta Oct 25, 2023, 9:43 PM

#

what if we make the entire app draggable trolley

#

holy shit im making that as a troll snippet

mortal mantle Oct 26, 2023, 12:29 PM

#

the amount of blank spaces in this 😭

#

and then there's this at the bottom

glad urchin Oct 26, 2023, 12:30 PM

#

mortal mantle the amount of blank spaces in this 😭

HORROR

#

so many tabs

mortal mantle Oct 26, 2023, 12:31 PM

#

average devilbro theme

glad urchin Oct 26, 2023, 12:32 PM

#

devilbro makes themes??

toxic yew Oct 26, 2023, 12:32 PM

#

yes

mortal mantle Oct 26, 2023, 12:33 PM

#

glad urchin Oct 26, 2023, 12:33 PM

#

him

mortal mantle Oct 26, 2023, 12:33 PM

#

i was not ready for the global font weight change

glad urchin Oct 26, 2023, 12:33 PM

#

font: "Comic Sans MS";

safe python Oct 26, 2023, 12:33 PM

#

devilbro my beloved

glad urchin Oct 26, 2023, 12:33 PM

#

what did he cook

mortal mantle Oct 26, 2023, 12:33 PM

#

* { font-weight: 900 !important }

#

why

glad urchin Oct 26, 2023, 12:34 PM

#

ximi

vast delta Oct 26, 2023, 12:34 PM

#

mortal mantle

fun fact: i have a theme for that as well, its 42 lines

mortal mantle Oct 26, 2023, 12:35 PM

#

i can do that background change in less than 20 lines

scenic musk Oct 26, 2023, 12:41 PM

#

discord but you can see your desktop trolley

* { background : none !important; }

clear siren Oct 26, 2023, 12:42 PM

#

true vencord desktop

ember raven Oct 26, 2023, 12:43 PM

#

is it just me or the shop tab display code doesn't work

toxic yew Oct 26, 2023, 12:47 PM

#

[href="/shop"]{display:none}

ember raven Oct 26, 2023, 12:48 PM

#

ty 🙏

vast delta Oct 26, 2023, 12:53 PM

#

scenic musk discord but you can see your desktop <:trolley:1024751352028602449> ```css * { ...

it never works for me :C

scenic musk Oct 26, 2023, 12:54 PM

#

Did you enabled transparancy in Vesktop settings ?

vast delta Oct 26, 2023, 12:54 PM

#

yes

#

wait nevermind now it works

#

???

#

im so confused

scenic musk Oct 26, 2023, 12:54 PM

#

😎

#

Enjoy your new theme

vast delta Oct 26, 2023, 12:55 PM

#

now i just need the ugly top bar gone :(

#

oh i fixed it

#

sometimes i hate vesktop

#

oh wait nevermind

#

grrrrr

#

even with the setting, it doesnt show the discord titlebar

#

which also means i cant theme it

mortal mantle Oct 26, 2023, 12:57 PM

#

whar

#

the titlebar works again

scenic musk Oct 26, 2023, 12:58 PM

#

Did you updated Vencord ? Like going into Vesktop tray icon and update

vast delta Oct 26, 2023, 12:58 PM

#

is it time for me to reinstall vesktop?

mortal mantle Oct 26, 2023, 12:58 PM

#

vast delta Oct 26, 2023, 12:58 PM

#

scenic musk Did you updated Vencord ? Like going into Vesktop tray icon and update

o good idea i used the installer in app

mortal mantle Oct 26, 2023, 12:58 PM

#

it worked since yesterday

scenic musk Oct 26, 2023, 12:59 PM

#

If you have Vesktop 0.4.1 you just need to update Vencord from the tray icon

vast delta Oct 26, 2023, 12:59 PM

#

nope (devtools select element on)

vast delta Oct 26, 2023, 12:59 PM

#

scenic musk If you have Vesktop 0.4.1 you just need to update Vencord from the tray icon

i have 😭

#

ill reinstall, brb

scenic musk Oct 26, 2023, 12:59 PM

#

💀 what is this w7 titlebar

clear siren Oct 26, 2023, 1:00 PM

#

it's drawing the os titlebar and app content in the same area? that's impossible

vast delta Oct 26, 2023, 1:02 PM

#

clear siren it's drawing the os titlebar and app content in the same area? that's impossible

I DONT FUCKING KNOW

#

not fixed

#

guhh

scenic musk Oct 26, 2023, 1:03 PM

#

Isnt it a Vesktop setting iirc ?

vast delta Oct 26, 2023, 1:04 PM

#

WHAT

scenic musk Oct 26, 2023, 1:04 PM

#

vast delta Oct 26, 2023, 1:04 PM

#

???????????

scenic musk Oct 26, 2023, 1:04 PM

#

that

#

should be turned on

vast delta Oct 26, 2023, 1:04 PM

#

i reset vesktop and it works, and just turned it on

#

it works

vast delta Oct 26, 2023, 1:05 PM

#

scenic musk

of course i had that im not stupid

#

well it works now

scenic musk Oct 26, 2023, 1:05 PM

#

probably you hard coded it in the config file

vast delta Oct 26, 2023, 1:06 PM

#

scenic musk probably you hard coded it in the config file

i never opened the config file, dont even know where it is 😭

#

@grand surge what do you need?

grand surge Oct 26, 2023, 1:13 PM

#

huh

#

that theme you were working on

vast delta Oct 26, 2023, 1:15 PM

#

the theme of that website voiidiot sent?

grand surge Oct 26, 2023, 1:15 PM

#

yoppp

vast delta Oct 26, 2023, 1:15 PM

#

guh i dont even have that website anymore

grand surge Oct 26, 2023, 1:16 PM

#

LMAO

#

it’s okay

#

i will remake

paper plinth Oct 26, 2023, 1:58 PM

#

anyone know how to remove that dark overlay and make it transparent?

clear siren Oct 26, 2023, 2:04 PM

#

.overlayBackground__86b78 {background:none!important;}

#

or you can set --profile-body-background-color to transparent in :root to remove all instances of that background being used

paper plinth Oct 26, 2023, 2:08 PM

#

ty

#

i put this and its not working, did i write something wrong im pretty new to css

clear siren Oct 26, 2023, 2:13 PM

#

add !important before the ;

#

I gotta go

paper plinth Oct 26, 2023, 2:13 PM

#

ok np

paper plinth Oct 26, 2023, 2:33 PM

#

i still cant figure out, been trying for the past 20 mins now

#

anyone else help?

glad urchin Oct 26, 2023, 2:35 PM

#

paper plinth anyone else help?

instead of transparent try hsla(0,0,0,0)

alpine current Oct 26, 2023, 2:36 PM

#

paper plinth anyone else help?

I just tried it and It worked~

paper plinth Oct 26, 2023, 2:37 PM

#

still dont working anyway i gtg i will try later maybe in 2hrs

gilded radish Oct 26, 2023, 2:48 PM

#

Hey can someone help me get the new classes for the [Hiding Miscellaneous Stuff] section? I can't figure it out for the life of me I just can't focus at all

https://github.com/SeanHarmanis/SeansTheme

GitHub

GitHub - SeanHarmanis/SeansTheme: A Modular Discord Theme

A Modular Discord Theme. Contribute to SeanHarmanis/SeansTheme development by creating an account on GitHub.

vestal field Oct 26, 2023, 2:48 PM

#

paper plinth anyone else help?

i think there's 2 variables that form a gradient

#

you need to change both of them

vestal field Oct 26, 2023, 2:50 PM

#

gilded radish Hey can someone help me get the new classes for the [Hiding Miscellaneous Stuff]...

i cant help you but nice theme lol

gilded radish Oct 26, 2023, 2:50 PM

#

Thank you, it's borked now because of stupid asf Discord pressing a button

vestal field Oct 26, 2023, 2:51 PM

#

life of a theme dev husk

gilded radish Oct 26, 2023, 2:52 PM

#

Yeah
Anyways if anyone can help me out it would be great

mortal mantle Oct 26, 2023, 2:57 PM

#

every theme dev been busy working on their own stuff :(((

fresh plank Oct 26, 2023, 3:12 PM

#

gilded radish Hey can someone help me get the new classes for the [Hiding Miscellaneous Stuff]...

did you try this? https://syndishanx.github.io/Website/Update_Classes.html

gilded radish Oct 26, 2023, 3:12 PM

#

I will when I get to a PC

toxic remnant Oct 26, 2023, 3:57 PM

#

How do i hide this crap :c
Why is this not working, i tried everything, using every class there is and also the !important thingy and the stupid shop button will not hide itself what am i doing wrong

alpine current Oct 26, 2023, 4:02 PM

#

toxic remnant How do i hide this crap :c Why is this not working, i tried everything, using ev...

[class^="channel_"] > div > [href="/shop"] /* store Button above DM List */
{
display: none !important;
}```

paper plinth Oct 26, 2023, 4:03 PM

#

vestal field i think there's 2 variables that form a gradient

So how do you change the 2 variables then?

toxic remnant Oct 26, 2023, 4:05 PM

#

alpine current ```css [class^="channel_"] > div > [href="/shop"] /* store Button above DM List ...

okay this works but for some reason quick css is not working and i had to put it into a theme...? is that because of the recent crap discord did with the app?

paper plinth Oct 26, 2023, 4:07 PM

#

toxic remnant okay this works but for some reason quick css is not working and i had to put it...

This may explain my problem. I was trying to hide the user overlay with --profile-body-background-color: transparent !important; and it wouldn't work when Damian said it works and I was putting it in quickcss

hot cedar Oct 26, 2023, 4:13 PM

#

any% how to get permission sharing at #🎨-css-snippets?
Just finished horizontal server list instead waiting (idk who made this just found on random server) can post the fixed one SilvThumbsup

glad urchin Oct 26, 2023, 4:15 PM

#

hot cedar any% how to get permission sharing at <#1028106818368589824>? Just finished hor...

just post it here for now

hot cedar Oct 26, 2023, 4:15 PM

#

mhm

#

doesnt matter for me sure ya

vast delta Oct 26, 2023, 4:18 PM

#

hot cedar any% how to get permission sharing at <#1028106818368589824>? Just finished hor...

make something good and you will get it

hot cedar Oct 26, 2023, 4:19 PM

#

change your root settings server-size, server-spacing,server-direction or server-alignment whatever your settings is, just fixed the visible stuff so not full fix but its just work.
Topserverlist aka HorizontalServerList just edited for myself SilvThumbsup

📎 TopServerList.css

mortal mantle Oct 26, 2023, 4:33 PM

#

#

Cursed code detected

#

@vast delta you showed me this yesterday

vestal field Oct 26, 2023, 4:34 PM

#

paper plinth So how do you change the 2 variables then?

same way you're doing it
just .theme-dark {
and set the variables to transparent
you'd have to find their names thiugh

hot cedar Oct 26, 2023, 4:38 PM

#

mortal mantle Cursed code detected

KEK well i didnt made that so i left as it

vast delta Oct 26, 2023, 4:39 PM

#

mortal mantle <@406084422308331522> you showed me this yesterday

yes

paper plinth Oct 26, 2023, 5:11 PM

#

is there like a css line for like when you press a keybind it disables all themes or is it plugins

#

or maybe even from developer console

leaden scaffold Oct 26, 2023, 5:13 PM

#

when i try adding the blur effect to the user profile background the switch user tab just glitches out, anyone have idea how to fix?

#

.userProfileInnerThemedNonPremium__3d0a6 {
  backdrop-filter: blur(10px) !important;
}

#

code if you want ig

rain dove Oct 26, 2023, 5:22 PM

#

I dont know if i can post that here, but ClearVision need a CSS fix, but the fix i had is broken, can someone help ?

#

.theme-dark [class*=container]:has([aria-label*="able Game Activity"]) [class*=withTagAsButton> {
min-width: calc(100% - 122px);
}

the fix i have, and i lost the fix for spotify background :/

simple kiln Oct 26, 2023, 5:23 PM

#

rain dove I dont know if i can post that here, but ClearVision need a CSS fix, but the fix...

discord update the minified css name- to name__ and the random suffix also updated.

#

if the clearvision not using wildcard selector,. it takes a lot of time to fix it,.

rain dove Oct 26, 2023, 5:24 PM

#

simple kiln discord update the minified css `name-` to `name__` and the random suffix also u...

so i have to edit all "-" to a "_" ? sorry im very noob in css

simple kiln Oct 26, 2023, 5:25 PM

#

rain dove so i have to edit all "-" to a "_" ? sorry im very noob in css

nah,. [class*="name-"] to [class*="name__"] if they use wildcard selector.

rain dove Oct 26, 2023, 5:26 PM

#

ok sorry but i dont understand ><

simple kiln Oct 26, 2023, 5:26 PM

#

if they use like .userProfileInnerThemedNonPremium__3d0a6 it takes a lot of time to find the tag selector

rain dove Oct 26, 2023, 5:27 PM

#

ok so i have to wait someone fix the problem of clearvision

simple kiln Oct 26, 2023, 5:27 PM

#

rain dove ok so i have to wait someone fix the problem of clearvision

yes,.

solid ore Oct 26, 2023, 5:56 PM

#

simple kiln discord update the minified css `name-` to `name__` and the random suffix also u...

thank you so much for this

#

seems to work more often with just _ instead of __ for me tho

simple kiln Oct 26, 2023, 6:06 PM

#

upDoge

lament lagoon Oct 26, 2023, 8:12 PM

#

hey yall if i were to attempt to fix a custom theme with very little css knowledge how would i go about this (i really like the vibrant glass theme but the creator isnt planning on fixing it and i have nothing better to do rn)

clear siren Oct 26, 2023, 8:16 PM

#

you can try this https://syndishanx.github.io/Website/Update_Classes.html

lament lagoon Oct 26, 2023, 8:17 PM

#

oh thx! ill see if it works, much appreciated

clear siren Oct 26, 2023, 8:17 PM

#

should fix most of any theme

lament lagoon Oct 26, 2023, 8:17 PM

#

YAAAY ITS FIXED

#

ty!

sacred ice Oct 26, 2023, 8:36 PM

#

anyone could help me with fixing this? its a bit broken after latest update

#

its supposed to make my spotify above the VC tab rather than under it

#

and this also seems to be broken, i used it to fix my issue where eeryone on phone would be in green color regardless of their status like this:

south pewter Oct 26, 2023, 8:48 PM

#

.container_b2ce9c {
    width: 64px;
    transition: 0.3s ease;
}
.membersWrap__90226 {
    min-width: 0;
    width: min-content;
}
.container_b2ce9c:hover,
.container_b2ce9c:hover .members__9f47b {
      width: 250px;
}
.member_aa4760 {
    max-width: unset;
}

fixed minified memberlist

#

to work with the new thing that made vencord completely not work for about a day

runic lake Oct 26, 2023, 8:50 PM

#

is quick css still broken i cant apply many of my snippets ?

south pewter Oct 26, 2023, 8:50 PM

#

runic lake is quick css still broken i cant apply many of my snippets ?

no the code is

runic lake Oct 26, 2023, 8:50 PM

#

thats a lot of code

south pewter Oct 26, 2023, 8:51 PM

#

wait for the person who made the snippit to fix it

#

or someone willing to fix it

runic lake Oct 26, 2023, 8:53 PM

#

south pewter or someone willing to fix it

its pretty basic so what changed ? same for hidding as examplesuper reactions

📎 UserReimaginedReloaded.css

south pewter Oct 26, 2023, 8:54 PM

#

runic lake its pretty basic so what changed ? same for hidding as examplesuper reactions

try pasting the code into this website https://syndishanx.github.io/Website/Update_Classes.html

#

it updates the classes

runic lake Oct 26, 2023, 8:56 PM

#

dude i love you it worked :D how sick is this webiste omg

sacred ice Oct 26, 2023, 8:57 PM

#

south pewter try pasting the code into this website https://syndishanx.github.io/Website/Upda...

this fixed half my problem, it doesnt fix the other one tho. would you happen to know how to manually help me?

south pewter Oct 26, 2023, 8:57 PM

#

runic lake dude i love you it worked :D how sick is this webiste omg

i found it inside the #🏥-vencord-support-🏥 channel so i gave it a try for some snippits and it worked

runic lake Oct 26, 2023, 8:58 PM

#

do ya think it works for my extrme long quick css ?

#

📎 quick_css.txt

south pewter Oct 26, 2023, 8:58 PM

#

sacred ice this fixed half my problem, it doesnt fix the other one tho. would you happen to...

idk

south pewter Oct 26, 2023, 8:59 PM

#

runic lake do ya think it works for my extrme long quick css ?

if its an issue with the classes then yes if not then idk

#

give it a shot

runic lake Oct 26, 2023, 9:01 PM

#

south pewter if its an issue with the classes then yes if not then idk

i hope it will working there whas so much work and effort over longer time and on day to another dead :/

south pewter Oct 26, 2023, 9:02 PM

#

runic lake i hope it will working there whas so much work and effort over longer time and o...

hopefully it does

south pewter Oct 26, 2023, 9:03 PM

#

runic lake i hope it will working there whas so much work and effort over longer time and o...

idk about the @import ones tho

rugged echo Oct 26, 2023, 9:03 PM

#

I was wondering if there is really any difference when using ^ or * in class selectors, I think the last one selects more stuff but idk if that happens in most cases

clear siren Oct 26, 2023, 9:07 PM

#

rugged echo I was wondering if there is really any difference when using `^` or `*` in class...

^ matches beginning only, * matches anywhere

#

can't use ^ for elements that have another class listed before for an example

rugged echo Oct 26, 2023, 9:10 PM

#

ok I think I get it, I just don't usually check where elements are lol

runic lake Oct 26, 2023, 9:12 PM

#

south pewter idk about the @import ones tho

bro i swear I LOVE this website

runic lake Oct 26, 2023, 9:15 PM

#

sacred ice its supposed to make my spotify above the VC tab rather than under it

do you have the code for me? i want it too @sacred ice with spotify above

solid ore Oct 26, 2023, 9:29 PM

#

sacred ice this fixed half my problem, it doesnt fix the other one tho. would you happen to...

same, the website only updated one of two classes i needed changed

south pewter Oct 26, 2023, 9:53 PM

#

runic lake bro i swear I LOVE this website

it fixed radial status which i love

vast delta Oct 26, 2023, 10:13 PM

#

nothing is more satisfying than sending a message like this

vast delta Oct 26, 2023, 10:14 PM

#

south pewter it fixed radial status which i love

did i hear RADIALSTATUS?????

south pewter Oct 26, 2023, 10:14 PM

#

vast delta did i hear RADIALSTATUS?????

yes

vast delta Oct 26, 2023, 10:14 PM

#

send your import link

south pewter Oct 26, 2023, 10:18 PM

#

vast delta send your import link

i forgor what that is

vast delta Oct 26, 2023, 10:18 PM

#

the link you use to have radialstatus

#

i might have a little present for you

#

(a present i have to fix apparently)

south pewter Oct 26, 2023, 10:19 PM

#

oh i just pasted the raw code into the quickcss

vast delta Oct 26, 2023, 10:19 PM

#

guh show screenshot

#

ill recognise it probably

south pewter Oct 26, 2023, 10:20 PM

#

alr

#

cant all fit in one screenshot

vast delta Oct 26, 2023, 10:22 PM

#

just send whatever you can fit

south pewter Oct 26, 2023, 10:23 PM

#

📎 fixedradialstatus.css

runic lake Oct 26, 2023, 10:24 PM

#

vast delta did i hear RADIALSTATUS?????

its offical fixed

south pewter Oct 26, 2023, 10:24 PM

#

i made it a css file if you wanna go over the whole thing

runic lake Oct 26, 2023, 10:24 PM

#

runic lake its offical fixed