User Area Redesigned ?v2?

[ionic river]

just make it a theme bro holy shit

[ebon locust]

it's literally just to restyle 1 element

[ionic river]

ermmm its too long!!!

[ebon locust]

87 lines

[ionic river]

this aint quickcss this is moderate speed css

[ebon locust]

too long

[ebon locust]

nah actually perf is good

[ionic river]

i was making a pun on the name

[ebon locust]

perf impact despite using ^= is not big

[pure grail]

unholy nesting

where's @autumn zenith when you need him

[autumn zenith]

https://tenor.com/view/lethal-company-bracken-flower-man-flowerman-meme-gif-16905754154666355048

[cosmic sun]

but there is one and there's no upside if you have even a single actual class name since you'll still need to use the class updater

[ebon locust]

I know a class updater exist
I've never used it
I do it by hand

[cosmic sun]

it's in #theme-support

[cosmic steeple]

@ebon locust How do I undo this ?

the javscript part

[ebon locust]

You just don't use
The little CSS i recommend under
The Javascript just set the size of the side bar to the old sidebar size which this script expect as it's what i use and is guanranteed to give correct result

[cosmic steeple]

my settings

button

[ebon locust]

That's not an effect of my snippet

That's just Vanilla discord shitting itself

[cosmic steeple]

So how do i fix it?

u have any ideas

[ebon locust]

If you don't include anything i've written you can move the sidebar and the value you setted with js will change

actually this thing misbehaving is likely due to gameActivityToggle, not caused by my code

[cosmic steeple]

@ebon locust also i was wondering if its possible to change status row into a real sidebar button

[ebon locust]

Nope nope without a plugin

[cosmic steeple]

so could u possibly do that?

[ebon locust]

I don't code plugins

[sterile vault]

Hey is there a way to make the mic/headset buttons etc go back where they originqlly were ?

this is the only snippet i found that seems to bring back the old user area without breaking stuff

but icl having those here looks really odd

[cosmic sun]

The point of the snippet is to do that
I have a snippet to revert it if thats what you're wanting #1354331484831354952 message

[ebon locust]

yes there is
the reason why i put them there is to be able to read the status and username

[ebon locust]

you can use this

[class^=sidebar] {
   &::after { display: none; }
   > [class^=wrapper] {
      mask: unset;
      margin-bottom: unset;
      > [class^=unreadMentionsIndicatorBottom] { padding-bottom: var(--space-xs); }
      > [class^=tree] > [class^=itemsContainer] > [class^=stack] { padding: var(--space-xs) 0; }
   }
   > [class^=panels] {
      bottom: 0;
      border: unset;
      border-radius: unset;
      --custom-panels-spacing: unset;
      left: var(--custom-guild-list-width);
      width: calc(100% - var(--custom-guild-list-width));
      > [class^=mask] { display: none; }
      > [class^=panel] {
         margin: 8px 8px 0px;
         padding: 0px 0px 7px;
         border-radius: unset;
         border-bottom: 1px solid var(--border-muted);
      }
      > [class^=wrapper] {
         margin: unset;
         > [class^=container] {
            margin: 8px 8px 0px;
            padding-bottom: 8px;
            > [class^=flex] {
               height: unset;
               > [class^=inner] {
                  height: unset;
                  > [class^=rtcConnectionStatusWrapper] {
                     height: unset;
                     > [class^=rtcConnectionStatus] {
                        gap: 4px;
                        height: unset;
                        > [class^=clickablePing] {
                           > [class^=ping] {
                              margin: unset;
                              padding: unset;
                              background: unset;
                              box-shadow: unset;
                              border-radius: unset;
                           }
                        }
                     }
                  }
               }
               > [class^=flex] {
                  margin-left: 4px;
                  > [class^=button]:first-child { display: none; }
               }
            }
         }
      }
      > [class^=container] {
         margin: 0px 8px;
         > [class^=accountPopoutButtonWrapper] {
            padding: 4px;
            border-radius: 8px;
            > [class^=wrapper] > [class^=mask] > foreignObject > [class^=avatarStack] > [class^=avatar] { content: var(--avatar-url-128); }
            > [class^=nameTag] {
               > [class^=panelTitleContainer] > [class^="text-md/medium"] { font-size: unset; }
               > [class^=panelSubtextContainer] > [class^="text-xs/medium"] > [class^=hoverRoll] > [class^=default] > [class^=container] {
                  > [class^="text-xs/medium"] { line-height: unset; }
                  > [class^=container] > [class^="text-xs/medium"] { line-height: unset; }
               }
            }
         }
         > [class^=buttons] {
            > [class^=micButtonParent] > [class^=button] {
               border-radius: var(--radius-sm);
               &:not(:first-of-type) { display: none; }
            }
         }
      }
   }
}

but then you'll likely have to use a bigger sidebar or it's basically gonna be unreadable
that's why my snippet moved the buttons up in the first place

[cosmic sun]

I personally have it like this
I don't need to see my display name. i know what it is

[ebon locust]

i need to see my name as i have multiple accounts
in fact i have so many i had to add a patch
https://github.com/Julienraptor02/Vencord/blob/custom/src/plugins/vc-noAccountLimit/index.ts
and if you ask me why, 100 servers per accounts and each user is a different category of servers

export default definePlugin({
    name: "NoAccountLimit",
    description: "Allows you to add as many accounts as you want",
    authors: [Devs.HAHALOSAH],
    patches: [
        {
            find: '"switch-accounts-modal"',
            replacement: {
                match: "=5",
                replace: "=Infinity"
            },
        },
    ],
});

[cosmic sun]

why do you need to be in that many servers
i'm at the server cap on my main account and that's enough servers for me

[heavy cradle]

how did you do this p[lls tell

[cosmic sun]

#🎨-css-snippets message

[finite knoll]

Is that normal?

[ebon locust]

depends, what are you using ?

my snippet is this : #🎨-css-snippets message

and it should look like in the pictures

[finite knoll]

It looked like that because of the lack of servers, which caused it to reach the bottom.

I suppose that's how it should look, right?

[ebon locust]

that's not how my snippet should look like, my snippet should look like this

[finite knoll]

Did I do something wrong then?

Copy the 3 codes you entered

[cosmic sun]

don't put the javascript in your quickcss

[finite knoll]

is

I don't know much about this, so yeah

[ebon locust]

the javascript should be ran optionally, the first small CSS block can be used if you ran the JS snippet and then only the big block of CSS needs to be used

[ebon locust]

uh

[finite knoll]

I copied this and put it next to the long code

[ebon locust]

all you have to do is click copy, run in devtools

then click copy and paste in CSS

then click copy and paste in CSS

your CSS should look like this

[finite knoll]

I see it the same way and still nothing

Can you send me the text so I can copy it? I don't speak much English.

So, dude, I barely understand you.

[ebon locust]

the text is literally there, i can't do anything more for you

unless you use another theme which break this one and in which case well disable it, i can't give you more for it to figure it out

only thing i can do over this is record it and i can't

all you need to do is go to the opening message of the thread, hit copy paste enter once in the devtools and twice in Vencord QuickCSS

if it still doesn't work you can try copy pasting your whole quickCSS and which themes you use, altho try to disable them first

[finite knoll]

Do you mean I have to copy the code in parts and not all at once?

[ebon locust]

...

hit the copy button on the codeblocks

don't try to copy manually

and yes as i shown on the screenshot, there is 3 things to copy, one by one

[finite knoll]

I know what I was missing

the js

But when I try to copy the first thing, it kicks me out of Discord and asks for a verification code; it won't let me.

How am I supposed to skip that to copy it correctly?

[ebon locust]

It kicks you out because it reboot and you don't have the devtool related plugin enabled

That it fine tho, you just need to run it once and then just paste the CSS in your QuickCSS

[finite knoll]

I already followed the steps and it's still the same.

I don't know what I'm doing wrong.

Paste the Java code into the return tools folder, then copy and paste the CSS code into the quickcss folder.

and even

[finite knoll]

I copied this because the normal one leaves the icons floating.

[ebon locust]

What do you mean floating

[finite knoll]

the icons

[finite knoll]

That's how I stayed

With the regular one, this one fits me well.

But the other problem still wasn't fixed.

[ebon locust]

Just screenshot whatever your quick CSS is at this point

[finite knoll]

I copied the jv to the return, and Discord restarted.

and then paste the two CSS files

and even

So

[ebon locust]

Do you use any other theme or snippet ?

[finite knoll]

Yeah

[ebon locust]

... Disable them

[finite knoll]

This one and the one that replaces the emoji boxes with icons

[finite knoll]

Is it necessary?

[ebon locust]

Just try it

To see if it makes it work

[finite knoll]

HAHA YES IT WORKED

[ebon locust]

Then another theme is causing issues

Which one is it ?

[finite knoll]

And how do I know?

I told you I don't know, they literally helped me with the Spotify one.

[ebon locust]

Well re-enable them one by one

[finite knoll]

This was a friend

This is the one I had

[ebon locust]

And when you have those, you have issues

I'd guess one of them is messing with something it shouldn't

[finite knoll]

What do you mean?

And if I try to put it down

[ebon locust]

One of those is doing CSS which breaks my snippet

[finite knoll]

Oh, you know that

I can't move the bar

before, yes

[ebon locust]

Yes that's the very small CSS line in my snippet, that is intended

But that part is optional

If you prefer to be able to resize you can just not use that part

You only need the big block

[finite knoll]

In other words, when the entire space was visible, that's when I was able to move that space.

It's time to fix it, it won't be fixed anymore

I don't mind that it looked like that, you know what I mean?

I thought it was normal until you told me you didn't look like that.

Thanks anyway, it looks cool

[ebon locust]

Also try to use the big snippet from the first post instead of the other one you used

Just in case

There maybe was a change and i only update the main post

[finite knoll]

I tried and nothing.