Support for Horizontal Server List please!

[C4uTi0N]

As someone who uses Disocrd on my vertical second monitor, it woud be awesome if you could add "proper" support for the Horizontal Server List theme, since it gives much more space everything else.

I'm still gonna use this theme regardless, just thought i'd be a nice to have

[Androser420]

try this out

:root {
    --server-top: 64px;
}

#app-mount {
    [class*='guilds_'] {
        padding-top: unset;
        max-height: calc(100vw - 2.25 * var(--pad));
        top: var(--server-top);

        &:after {
            right: 6px;
            transform-origin: bottom right;
            transform: rotate(90deg);
            top: 28px;
            place-self: end;
        }

        [class^='footer_'] {
            padding-bottom: var(--server-spacing);
        }
    }

    [class^='tutorialContainer_'] [class^=pill_] {
        transform: unset;
        top: 0 !important;
        margin-left: -10px;
    }

    [class^='app_'] [class^='base_'] {
        top: calc(var(--server-top) + var(--pad)) !important;
        margin: var(--pad);
    }
}

had to get a bit specific for the height but should be fine, just dont increase --pad too much since its not 100% accurate
also if you want more chat space, i made a theme based on this one that collapses some panels like the sidebar and member list (https://github.com/Androser420/sysmol24)

enjoy!

EDIT: forgot to make the pill indicator visible for the discord button cuz the label above it was hiding it

[C4uTi0N]

Thanks, this worked!