Stay off the banner, bubble!

[potent marsh]

can you make it remove the bubble instead

[obtuse pivot]

Sure, that removes it everywhere

.visual-refresh {
  .inner_c0bea0 {
    header > .headerInner__24502 > .container_ab8609,
    header > .container_ab8609,
    >.none_d125d2 .header__7f9c0 > .container_ab8609,
    >.header__5a2c6 > .container_ab8609,
    >.header__5be3e > .container_ab8609 {
      display: none;  
    }
  }
}```

[potent marsh]

thanks!

[obtuse pivot]

np

[rose magnet]

It seems to occasionally cutoff text. Are there any potential workarounds for this?

[obtuse pivot]

Ill look at this after work

[obtuse pivot]

The thing is for me it works idk...

nvm

[obtuse pivot]

So I have fixed it and will upload the new version in a few minutes

@potent marsh Ive also updated your request. If you want, you can delete the extra part I sent and instead add

/* You can hide the bubble if you change this to 'none' */
  --add-custom-status-hide: none;```
to the root. That way, you wont have the problem of having to change the extra part yourself every time Discord pushes another update

[regal anvil]

the bubble doesn't expand when hovered as it should

[obtuse pivot]

what do you mean?

It works xd

[regal anvil]

it works on your own profile but not on someone elses

[obtuse pivot]

it works on both

so its not a Problem of the snippet

[regal anvil]

ok maybe it's a problem on my end then

thx for clearing that out

[obtuse pivot]

yep maybe another snippet

because if you add the import, any other code that comes after it can overwrite it

[regal anvil]

I know that ty

[obtuse pivot]

Hope you can find the problem

[regal anvil]

I checked everything and now it's good but some accounts still has the issue I think it's related to a plugin or something

quick question do you use the account colors plugin on your account?

[obtuse pivot]

Idk which one you mean actually so I think no

[regal anvil]

this one

nvm just checked and it's not it

[obtuse pivot]

Nope is not activated

[regal anvil]

I'm just gonna leave it that way

[obtuse pivot]

Ok but if you find it by chance let me know, maybe we can find a solution for this

[regal anvil]

sure

[meager tundra]

For those that don't want the profile to increase in height, copy the imported code into your QuickCSS and change this 57 to 40.
Attached are in order: default, with original snippet (57), with edited snippet (40)

[obtuse pivot]

If you think its better that way, feel free to do it. I increased the height because with long names, the bubbles are quite close to the names, almost overlapping. In my opinion, it looks silly with long names xD

Btw you dont have to copy the whole import. Its enough to just copy out the part. If you copy everything out, you'll have to change that one thing every time, because the entire snippet wont update.

its very close to the name xd

[meager tundra]

yeah noticed after posting, I'll probably mess around with its location a bit when I can be bothered

[obtuse pivot]

I dont like it with short names either. Unfortunately, you cant differentiate that just with CSS

[regal anvil]

you can't see the decoration = it's ok
you can't see the banner = it's ok
YOU CAN'T SEE THE BLACK ACCOUNT!!! = WE'RE IN HELL

see the difference?

[obtuse pivot]

wait what

äh

hä

haha

[regal anvil]

you don't have the plugins on and I thought that the colors plugin works both ways

[obtuse pivot]

nope, only for yourself

[regal anvil]

no it's for everyone that has the plugin on I checked other accounts that doesn't have the nitro badge

[obtuse pivot]

yea but I have it disabled xd

so yea idk

[regal anvil]

yeah 🥲

[viscid gust]

something i did notice was that when you actually click on the bubble to change the status it still shows whatever text would've been there regardless of if you changed it

[obtuse pivot]

Fixed the bug, should be updated in a few minutes

[viscid gust]

thank you muchly

[obtuse pivot]

np if you reload the QuickCSS it is updated

lmao noticed another bug

[viscid gust]

yeah i was just about to say that the text box still has it

[obtuse pivot]

Nah that is not what I mean xD

[viscid gust]

oh

[obtuse pivot]

Btw I'm not changing that because it's not part of the bubble

[viscid gust]

ah, fair enough

[obtuse pivot]

Yea, due to my earlier fix I was always overwriting the status. That means you could no longer see your own haha

[plush moth]

i dont think this is working anymore

no difference

Added to my quickcss as is

this may be because of the redesign

[obtuse pivot]

It works mate

So maybe another css from u overwrites something

u can post ur whole css and I can look after it if u want

[plush moth]

oh that makes a lot of sense actually!

In my css' i also put a general visual debloat snippet

and it touches the user info panel

#🎨-css-snippets message this one

I will share what I have currently

[plush moth]

@obtuse pivot

[obtuse pivot]

Yea dude I dont even have to look at the CSS completely. Your Code doesnt work because of your imports and :root's

If you use this, your whole imports have to be on the top

[plush moth]

ohhhhhh

That makes a lot of sense

[plush moth]

Will try that out right now!

[obtuse pivot]

This should works

[plush moth]

damn thats awesome!

[obtuse pivot]

Np

[plush moth]

works like a charm :)

i learnt something new too

awesome

I moved all imports to the top of the list

Are there any precautions I should take with the :root parts?

[obtuse pivot]

So you can use multiple :roots, but keep in mind that they apply globally across the entire CSS. If you define a variable, like "test", in two different :roots, they will overwrite each other. That's why I usually stick to a single :root. Its more organized and prevents things from being overlooked

But you can do it however you want in the end

[plush moth]

I see

[obtuse pivot]

For me, it just makes more sense because my CSS is 1000 lines long xD

[plush moth]

Does it work to copy all the contents of each root into a single long one?

[obtuse pivot]

Yes

[plush moth]

Or could I have like different :variables?

[obtuse pivot]

Nope

[plush moth]

Ohhh I see

Thank you very much

I am modifying my css right now

[obtuse pivot]

So it doesnt work because its not a valid CSS selector

[plush moth]

now i have it like this

and theres a bunch of other snippets within the root tree

[obtuse pivot]

Should work

[plush moth]

awesome

tysm

[plush moth]

as a quick addendum

is there any way I could remove thought bubble's balls¿

?

And just leave the part that contains the text

[obtuse pivot]

U mean that u remove the two little bubbles?

[plush moth]

oh yeah!

these fellas

[obtuse pivot]

Yea add this anywhere in your css

.visual-refresh {
  .inner_c0bea0 {
    header > .headerInner__24502 > .container_ab8609,
    header > .container_ab8609,
    >.none_d125d2 .header__7f9c0 > .container_ab8609,
    >.header__5a2c6 > .container_ab8609,
    >.header__5be3e > .container_ab8609 {
      >.outer_ab8609 {
        &:before, &:after {
          display: none;
        }
      }
    }
  }
}

[plush moth]

worked like a charm! thank you so much!

[untold shuttle]

discord just broke this snippet

[untold shuttle]

putting the code from the import link through the class updater and using that seems to fix it

[obtuse pivot]

Yeah Discord updated the classes I will update the code if I have time for it, maybe tomorrow