Horizontal Server List

By Gibbu Version 3.0.0 Updated 04/03/2025 232.7K downloads

Moves the server list from the left to the top of Discord.

other

Live preview

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

Screenshot

Horizontal Server List screenshot
HorizontalServerList.theme.css
GitHub

Open source

https://raw.githubusercontent.com/DiscordStyles/HorizontalServerList/ddc563a7e2dd218c60b6a1ae460e08f6a5ec7bbf/HorizontalServerList.theme.css
1/**
2 * @name Horizontal Server List
3 * @author Gibbu
4 * @version 3.0.0
5 * @description Moves the server list from the left to the top of Discord.
6 * @source https://github.com/DiscordStyles/HorizontalServerList
7 * @invite ZHthyCw
8*/
9
10@import url('https://discordstyles.github.io/HorizontalServerList/HorizontalServerList.css');
11
12
13
14/* Bottom HorizontalServerList. Simply remove the comments surrounding the @import to enable it. */
15/* @import url("https://discordstyles.github.io/HorizontalServerList/bottomhsl.css"); */
16:root {
17 --HSL-server-direction: column; /* Direction of the server list. | OPTIONS: column, column-reverse | DEFAULT: column */
18 --HSL-server-alignment: flex-start; /* Alignment of the server list. | OPTIONS: flex-start, center, flex-end | DEFAULT: flex-start */
19}
20
21