moonmoon/MoonMoon_Discord_Theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Upload files to "HSL"

Browse source
This commit is contained in:
moonmoon 2025-12-01 13:20:23 +01:00
parent 7c444f7e51
commit 99cc77d4df
1 changed files with 53 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

53
HSL/moonhsl.css Normal file
View file

@ -0,0 +1,53 @@
/**
* @name Horizontal Server List
* @author MoonMoon
* @description Moves the server list from the left to the top of Discord. Originally made by: Gibbu#1211
*/
:root {
--HSL-server-direction: column; /* Direction of the server list. | OPTIONS: column, column-reverse | DEFAULT: column */
--HSL-server-alignment: flex-start; /* Alignment of the server list. | OPTIONS: flex-start, center, flex-end | DEFAULT: flex-start */
}
.content__5e434 {
margin-top: var(--custom-guild-list-width);
overflow: visible !important;
}
#app-mount .sidebar__5e434 {
border-radius: 0;
overflow: visible !important;
}
#app-mount .guilds__5e434 {
transform-origin: top left;
rotate: -90deg;
height: 100vw !important;
bottom: unset;
position: absolute !important;
left: 0;
}
#app-mount .tree_ef3116 {
padding-top: var(--HSL-top-padding, var(--size-sm));
}
#app-mount .wrapper_cc5dd2 {
rotate: 90deg;
}
#app-mount .itemsContainer_ef3116,
#app-mount .stack_dbd263 {
flex-direction: var(--HSL-server-direction);
justify-content: var(--HSL-server-alignment);
}
.container__5e434 > div[style]:not(.base__5e434) {
width: 100vw !important;
height: var(--custom-guild-list-width) !important;
position: absolute;
top: calc(var(--custom-guild-list-width) + var(--custom-app-top-bar-height));
pointer-events: none;
z-index: 1;
}
.container__5e434 > div[style]:not(.base__5e434) .guilds__5e434 {
pointer-events: all;
}
.container__5e434 > div[style]:not(.base__5e434) + .base__5e434 .content__5e434 {
margin-top: calc(var(--custom-guild-list-width) * 2);
}