**DUDETHISBARKICKSASS**

[drowsy idol]

which bar?

[elder jay]

they gnomed my discord

inbox goes straight off the screen :p

[valid geyser]

cool to see this coming back

a lot of early themes had this sort of single bar design with the window controls integrated (and i added it to midnight as well)

[ruby river]

It's the visual refresh one

[ruby river]

fixed

[ruby river]

fixed

[frigid prism]

just sending this so i recieve any updates to this css

[ruby river]

ill mostly just update this for bug fixes and stuff (apart from the collapsed buttons, that almost gave me trauma)

[vale ridge]

this css makes me want to merge without looking

[ruby river]

finally someone says it

[frigid prism]

works fine on collapsed side bar though

[ruby river]

its just the icons are all crunched up

[frigid prism]

only the top discord logo is crunched

[ruby river]

then what the hell am i experiencing

[frigid prism]

might your sidebar css

ignore the #

i'm adjusting the side bar

[ruby river]

you arent using visual-refresh

this snippet is for visual-refresh

[frigid prism]

wot is visual refresh... SATAANDAGI

it works for me

[ruby river]

you're missing the whole fucking bar

[frigid prism]

which bar

looks complete

to me

[ruby river]

enable this in experiments

[frigid prism]

sure but is visual refresh

for my better understanding and increase pool of knowledge

[frigid prism]

actually idek what experiments

[ruby river]

enable the vencord plugin 'experiments', restart, go to bottom of user settings, go to experiments, type in desktop_visual_refresh, click the dropdown and select Treatment 1.

[frigid prism]

okay now its cursed

is it just supposed to be a ui overhaul?

[ruby river]

have you reloaded?

[ruby river]

yes

[frigid prism]

oh wait forgot

better but ye

broken

[ruby river]

told you

[frigid prism]

well its not that messed up for me

actually my side works fine

might need to change a few values though

oh wait

sorry

[ruby river]

your collapsing sidebar may be interfering a little

[frigid prism]

i changed the top-padding

to match when i didn't have it enabled

but ye this works even without visual refresh though

[ruby river]

huh. interesting

[frigid prism]

.

its just that the top-padding needs to be adjusted abit

~ 120

alright. i'm turning off this cursed ui

[ruby river]

that changed nothing.

[foggy flicker]

seperate css, not together with the first one

and not vis ref, idk how much they changed the classes there

just checked, doesn't work on vis ref, guess imma just delete it :p

[grand bough]

If anyone wants this without visual refresh:

/* Shrinks titlebar down to nothing */
div[class*="titleBar_"] {
    height: 0px;
}

/* Removes the "Discord" text on the top left of the screen */
div[class*="wordmark_"] {
    display: none;
}

/* Scale the _ □ X buttons to match top bar icons */
div[class*=winButton_] {
    top: 13px;
    transform: scale(1.6);
    padding-right: 4px;
    right: 4px;
    -webkit-app-region: no-drag !important;
}
div[class*=winButton_]:hover {
    color: var(--currentColor);
    background-color: transparent;
}

/* small hack to avoid https://github.com/electron/electron/issues/1354 */
[class^="winButtonClose_"],
[class^="closeButton_"] {
    -webkit-app-region: no-drag;
}
div[class^="upperContainer_"] {
    -webkit-app-region: drag;
    width: calc(100% - 96px);
}

/* revert offset when thread/forum channel is open */
div[class*="threadSidebarOpen_"] > div > section > div[class^="upperContainer_"] {
    width: 100%;
}

haven't touched it in a few months but it should still work
Also I've only tested this on Windows 10/11

[sterile ember]

this is weird

[vocal vale]

broken on mac 😭

[ruby river]

1. Skillissue
2. Partially broken everywhere

[tight lava]

is there a way to find out the button elements in a theme so i can disable them? sinc the custom css reported in here does not work to hide gif and sticker buttons

[vocal vale]

ok

[ruby river]

...why would it?
this is for visual refresh top bar

[eager dome]

the top bar is still there

[ruby river]

you are using vesktop device titlebar. go to vesktop settings and switch to discord titlebar

[eager dome]

thankss

[frigid prism]

to occupy minimum space i've done

/* Hide the _ □ X buttons, they are visible on hover */
div[class*=winButton_] {
    top: -4px;
    /* transform: scale(1); */
    padding-right: 4px;
    right: -4px;
    -webkit-app-region: no-drag !important;
}
/* Move the other buttons*/
div[class^="upperContainer_"] {
    -webkit-app-region: drag;
    width: calc(100% - 88px);
    margin-top: 8px;
}
/* adjust height of bar */
div[class^="subtitleContainer_"] {
    margin-top: -12px;
}

[civic gull]

@ruby river how did u get this