A more tabular approach? I'm not sure, I

[jolly surge]

You're applying the border-radius to the icons too

[ocean sundial]

remove the [class*="form_"] * {border-radius: inherit;} then its back to normal
i don't see any difference after deleting this

ah, wait.. i see it now

[class*="form_"] *:not(.buttons_ce5b56){border-radius: inherit;} this one removes the border-radius for the emojis

[tardy bear]

nice

[next mist]

uhh

caused by

.container__5c7e7, [class*="base_"], .container_b2ce9c {
  margin: 10px 0;
  border-radius: 16px;
}```

you can kind of fix it with

.container__5c7e7, [class*="base_"], .container_b2ce9c {
  border-radius: 16px;
}```

but no margins :(

oh lord

yeah the margin thing fucks so many stuff up

[next mist]

without margins

hell.

[silent escarp]

why does everyone blur their servers.

[rotund wadi]

Ah I just wanted to add a border to the message bar, I'll fix it later, till that you can use a solution here

[tender token]

any idea why its not padding the channel tab?

with discussions open also doenst pad the center one

[coarse mantle]

my theme basically does what you're trying to do:

im too lazy to create a standalone snippet from my code but you're welcome to look through: https://github.com/refact0r/midnight-discord/blob/master/midnight.css

[rotund wadi]

Thanks, I was currently fixing all the bugs

I'll look into that too :3

[rotund wadi]

I fixed that, you can get the new code from the original message

[rotund wadi]

Fixed the memeber list as well

[vast escarp]

very nice

it does that tho

[rotund wadi]

Oops my bad
(I never really go to a vc so i didn't know)
I'll exclude that later, thanks for letting me know!

[pastel crown]

These also become smaller in the emoji picker

[jolly surge]

you should be more specific when making selectors

and why is there 2 :not() here [class*="base_"]:not(.base__92a12):not(.base__76a71),?

[rotund wadi]

fixed

[rotund wadi]

that was a side effect, fixed

[rotund wadi]

that just makes it longer, now using :is with :not
hope you're happy too

[vast escarp]

nice thx 🤌

[jolly surge]

why are u using :is with :not just use :not alone you dont need anything else???

also please start using specific selectors

[rotund wadi]

I was previously doing that

[rotund wadi]

I do, for the ones which require it

[jolly surge]

every class requires it unless the class itself is already only used on only 1 element

[rotund wadi]

I've learnt from my mistakes

[jolly surge]

i can guarantee you this class is used by more than 1 or even couple elements

[rotund wadi]

exactly why i am doing that

[jolly surge]

you are NOT doing that tho?

that is from your snippet

[rotund wadi]

It is

[jolly surge]

yes

that is what i am saying

[rotund wadi]

I don't understand what you're trying to say

[jolly surge]

im sorry but i dont think you understand english

[rotund wadi]

Sorry my bad

[rotund wadi]

yes, but "wrapper" itself is contained in many classes

that specific wrapper with that id is used for all mentions

[jolly surge]

the id itself doesnt mean anything, it can still be used by multiple elements

its just the name of the class

[rotund wadi]

Yes the text after wrapper_ is what makes it special to mentions

[jolly surge]

no.

[rotund wadi]

Okay

So what are you trying to tell me to use?

I would like to know so that I can avoid my mistakes

Im generally curious

[jolly surge]

where did you find wrapper_f46140

what element has it

[rotund wadi]

@jolly surge

mentions

[jolly surge]

on servers?

[rotund wadi]

everywhere

#announcements

these all will have a border radius of 8px rather than the 4px (iirc)

[jolly surge]

so just mentions in chat?

[rotund wadi]

yes

[jolly surge]

well for example you should use classes that are definitely only gonna be used for the thing you're targeting, the mention element has a class channelMention that's definitely not gonna be used by another element, but something like wrapper_f46140 isn't exclusively for mentions it's probably used by another element

[rotund wadi]

It is not.

I've looked

[jolly surge]

yes but its still a generic name

[rotund wadi]

stuff like this happened because I was not careful enough before

[jolly surge]

and also if you used the other class you wouldnt need a comment for it

[rotund wadi]

Yeah but discord itself uses that specific class to apply the original border radius

look into the css

[jolly surge]

so? you dont care about that just override it

[rotund wadi]

And I don't see any reason for me to favour one class over the other

[jolly surge]

its gonna go back to normal if you remove the rule

[rotund wadi]

channelMentions can also probably be used for other elements

such as replies

(im guessing)

why would discord use their generic class names for doing this specific task?

well I'm just speculating

thanks for your insights, I will improve myself

[jolly surge]

i've looked at the classes and you should probably use this selector .message__80c10 [class*=mention]

i havent looked thoroughly but this should be good enough

but in this case if you know the wrapper class isnt used anywhere else in the chat you could use this .message__80c10 .wrapper_f46140

[jolly surge]

and this is what i mean by "specific selectors"

use a parent class to make sure you only target that class inside of where you want

[rotund wadi]

Alright I got you,
In my defence all the major stuff (margins) were to elements which were directly under a layer which was under the appmount class which was under the body tag
so I didn't have to use it for the majority of it.

[rotund wadi]

Okay then

[indigo yarrow]

@rotund wadi Is there a way to fix this?

It causes buttons to have this werid effect on them

[rotund wadi]

Yes I'll fix it when I wake up (its ~5am)

[rotund wadi]

oh btw i fixed it a long time ago, so should be fixed

[warm coral]

how come these arent rounded for me?