ServerColumns

By DevilBro Version 1.0.6 Updated 12/26/2025 90.7K downloads

Changes the Server List to a grid-like Structure that allows any Amount of Columns

layout customizable

Live preview

Full Discord interface with this theme applied โ€” powered by ThemePreview.

Screenshot

ServerColumns screenshot
ServerColumns.theme.css
GitHub

Open source

https://raw.githubusercontent.com/mwittrien/BetterDiscordAddons/42c63f152ee95fcc937de51b04c5f4cb240f795b/Themes/ServerColumns/ServerColumns.theme.css
1/**
2 * @name ServerColumns
3 * @description Changes the Server List to a grid-like Structure which allows any Amount of Columns
4 * @author DevilBro
5 * @version 1.0.6
6 * @authorId 278543574059057154
7 * @invite Jx3TjNS
8 * @donate https://www.paypal.me/MircoWittrien
9 * @patreon https://www.patreon.com/MircoWittrien
10 * @website https://mwittrien.github.io/
11 * @source https://github.com/mwittrien/BetterDiscordAddons/tree/master/Themes/ServerColumns/
12 * @updateUrl https://mwittrien.github.io/BetterDiscordAddons/Themes/ServerColumns/ServerColumns.theme.css
13 *
14 * @var range columns_s "Column Amount: [default] = 3" [3, 1, 10, 1]
15 * @var range guildsize_s "Server Icon Size: [default] = 50px" [50, 10, 200, 1]
16 * @var range guildgap_s "Server Icon Gap: [default] = 3px" [3, 0, 25, 1]
17 * @var range badgescale_s "Badge Scale Multiplier: [default] = 1" [1, 0, 3, 1]
18 * @var checkbox aligndms_s "DMs Align: should Direct Messages also get aligned in Columns" 1
19 */
20
21@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/ServerColumns/ServerColumns.css);
22
23:root {
24 --columns: 3; /* default: 3 (amount of servercolumns) */
25
26 --guildsize: 50; /* default: 50 (serversize in pixel) */
27 --guildgap: 3; /* default: 3 (top/bottom gap between servers in pixel) */
28
29 --badgescale: 1; /* default: 1 (multiplier for badge size (mention/voice/stream) */
30
31 --aligndms: 1; /* default: 0 (should DMs be aligned in columns: 0 = no, 1 = yes) */
32}
33