Horizontal Server List - BetterDiscordLibrary

Dimitron38GR 3rd January, 2021 - 10:47am

How do I make them smaller?

Dimitron38GR 3rd January, 2021 - 10:56am

I found it. Plus can someone send me the code for the bottom version (all the code from the beginning) because I don't know css or any language for programming, so I can copy-paste it?

Jack Jensen 2nd January, 2021 - 1:56pm

Yo hi, whenever I disable this theme, somehow my server icons still horizontal instead of resetting to the default view. Any fixes? Even if I remove the theme from my theme folder, same thing happens.

Gibbu 2nd January, 2021 - 9:38pm

Make sure you don't have anything in your Custom CSS editor

Talksick 13th December, 2020 - 4:22pm

is there any way to center them

Gibbu 14th December, 2020 - 7:25am

Not without causing issues.

Talksick 14th December, 2020 - 11:18am

ok thank you

tooflesswulf 21st November, 2020 - 9:54am

First off, I just wanna say I love the idea of the horizontal server list. I'd really like to use it but it seems to break with my Clearvision theme. The server icons are shifted up, there is a blank gap where it seems those icons should be, and I cannot click the server icons except for a tiny gap on the bottom edge of the icons.
https://imgur.com/vmJVOG3

I tried it without ClearVision, works perfectly fine. I downloaded the theme using your interactive editor here:
https://gibbu.me/editor/clearvision

My discord information:
BandagedBD v0.3.5
Discord PTB 0.0.51
OS: Mac Catalina 10.15.7

Gibbu 21st November, 2020 - 2:54pm

The issue is with ClearVision and adding it's version number to the app buttons for MacOS.
Add these at the very end/bottom of your ClearVision_v6.theme.css file.

.platform-osx #app-mount .wrapper-1Rf91z {
    padding-top: 0;
    margin-top: 32px;
}
#app-mount .typeMacOS-3EmCyP {
    height: 32px;
    align-items: flex-start;
}
#app-mount .typeMacOS-3EmCyP:before,
#app-mount .typeMacOS-3EmCyP:after {
    content: none;
}

Like so:
https://i.imgur.com/lpQwlqW.png

Jean-Juste Lefebvre 27th October, 2020 - 3:47pm (edited)

Can you make Discord logo not to scroll, make it fixed? I have a lot a servers, and it's annoying to scroll through all of them up to the Discord logo to access my private messages.

Gibbu 27th October, 2020 - 8:08pm

I can do that. Will I though? No. Just press CTRL + 1 to get to your DMs

Anshu K 18th November, 2020 - 12:48am

Nice

liprimendium 12th September, 2020 - 4:47am

Would be awesome if unread message line icon was around the server icon or something.

Gibbu 12th September, 2020 - 12:03pm

Not the point of the theme. You could possibly find another theme that does that though.

DaCrIaX 6th August, 2020 - 3:04pm (edited)

Im having some problems related to overlapping in the discord "Home" button.

[EDIT] It would be cool to have some variables to edit each individual icon/text.

Gibbu 6th August, 2020 - 8:27pm (edited)

While that would be cool it is not possible with Discord server structure.

Ender 4th August, 2020 - 11:20am

hello ^^ I love this theme it's threshold that I just needed how I can change the font of the theme?

Gibbu 4th August, 2020 - 9:15pm

Did my website mess up or did you actually post that here?

JakkuOL '· 15th July, 2020 - 10:50am

How can I make the icons bigger?

DaCrIaX 6th August, 2020 - 3:06pm

Go to the theme .css and change the size.

H e n r i q u e F r e i t a s 7th July, 2020 - 6:34pm

Poderia me dar uma explicação mais detalhada sobre colocar a lista na parte inferior?

H e n r i q u e F r e i t a s 7th July, 2020 - 6:34pm

talvez eu nem olhe aqui denovo, discord:
freitasXD#7257

Gibbu 7th July, 2020 - 10:46pm

Copy the @import url("https://gibbu.github.io/BetterDiscord-Themes/addons/bottomhsl.css");.
Open your HorizontalServerList.theme.css file location in your BetterDiscord themes folder.
Paste the copied @import directly under the first @import. Like so: https://i.imgur.com/9377UAz.jpg
Save.

I can't really explain it anymore because it really is that simple.

Crimson 64 7th July, 2020 - 1:52pm

this was good, im in a lot of servers so i like having it easier to reach.

GagahGK 28th May, 2020 - 3:00pm

Hello is it possible to have the column shown into multiple list instead of just one ?

Gibbu 28th May, 2020 - 7:50pm

Not yet, but I could try figure out a way

PlasticB 8th May, 2020 - 3:21pm

This shuld be a plugin.

Corey Eats Socks 7th May, 2020 - 9:13am

this would make scrolling a bit weird wouldn't it. cool concept tho.

Gibbu 7th May, 2020 - 11:09am

Not really. You just scroll up and down like you normally would.

Gibbu 1st April, 2020 - 5:19am (edited)

If you wish to have to server list at the bottom all you need to do is paste this

@import url("https://gibbu.github.io/BetterDiscord-Themes/addons/bottomhsl.css");

below the first @import inside your HorizontalServerList.theme.css file.
Like so: https://i.imgur.com/9377UAz.jpg

NightYoshi370 23rd March, 2020 - 1:05am

For some reason, when paired with the MaterialDiscord theme, new markers are broken. Is there a way to fix this, or at least remove the new marker handling for this theme?

Gibbu 23rd March, 2020 - 4:35am

As it says in the description, this only works with basic themes. MaterialDiscord changes the server list too much for it to function properly

kaps 9th March, 2020 - 12:40pm (edited)

Would you make a version where the server list is at the bottom? It would be awesome

Gibbu 9th March, 2020 - 10:56pm (edited)

You can achieve this by pasting this at the very bottom/end inside your HorizontalServerList.theme.css
Like so: https://i.imgur.com/Ep0Vbt7.jpg

.container-2lgZY8 {
    flex-direction: column-reverse;
}

kaps 10th March, 2020 - 2:17pm (edited)

It didn't change anything :(

Gibbu 10th March, 2020 - 8:28pm

Try this

.container-2lgZY8 {
    flex-direction: column-reverse !important;
}

kaps 11th March, 2020 - 7:52am

It worked. Thanks!

Jaspberry 5th March, 2020 - 10:13am (edited)

META not found? The file u download is empty, wtf

Gibbu 5th March, 2020 - 7:56pm

Sorry about that. The download link has been updated.