Solid theme however few minors bugs and one suggestion

[AerinUWU]

Hello,

First time trying this theme and I'm honestly impressed it is really nice and refreshing compared to the other bland themes on the market right now.

So to name the few bugs I've encountered.
I wanna mention that all bugs were tested on both stable and PTB builds

1. DM chat blur isn't above the separator but rather below it

2. Server banners are pushing into the server list which makes it look unpolished

3. Due to the design choice of using the server banner as a background it leaves an empty space

4. Similar to point 3 when there is an event going on it removes the server banner

5. When hovering on a server without notification there is the circle for notification

6. When on home page the new notification and the "X" to close a chat are being cut off by the floating chat

7. When you're in a DM with someone and you click on show user profile it makes the floating chat look odd

Lastly I would like to suggest that you add support for horizontal server list using this import link or make your version of it as I find horizontal server list to be more space efficient than the vertical one.
@import url('https://discordstyles.github.io/HorizontalServerList/HorizontalServerList.css');

Thank you for this awesome theme and looking forward to see how it'll improve in the future!

[Blade04208]

hiya, thanks for making an issue
this was my first theme, and there are a lot of bugs with it
i plan to do a full rewrite of this theme come new year, however I can address some of the bugs you've brought up here

1. post chat-bar refresh it added that gradient, will be fixed after rewrite
2. yeah fuck hardcoding, i will fix that in a mo
3. discord what the fuck did you do, will fix that by the new year
4. nothing i can do - i pull the banner from the banner spot, so when the banner no longer exists the background no longer exists, sorry
5. will be fixed in a mo
6. will be fixed after rewrite
7. will be fixed after rewrite
   HSL: (hsl appears to be broken by itself right now?) Will consider it for the rewrite

anyway thanks for the issue, and hope you'll enjoy the theme in the future

[AerinUWU]

MaterialDiscord2.theme.css

Thank you for the reply, I wanna stress out that I by no mean rush you into perfection just wanna help people who make great things even better.
About HSL for whatever reason using it with stock discord is broken but with cptnkitten material discord theme with HSL works fine for me
Maybe you'll be able to find the reason why it works on this theme and not on stock discord and your theme
Regardless looking forward to see this theme improves cannot wait for future updates!

@import url('https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/source.css');
@import url('https://discordstyles.github.io/HorizontalServerList/HorizontalServerList.css');
@import url('https://nyri4.github.io/Discolored/main.css');
/*@import url('https://raw.githubusercontent.com/surgedevs/visual-refresh-compact-title-bar/refs/heads/main/desktop.css');*/

/* MATERIAL YOU DARK THEME SETTINGS */
.theme-dark {
--saturation-modifier: 0.31;
--lightness-modifier: 0.225;
--text-lightness-modifier: 1.0;
--ui-darkness-modifier: 1.0;
--main-color: hsl(0, 0%, 11%);
--main-alt: hsl(0, 0%, 7%);
--message-color: hsl(0, 0%, 14%);
--message-color-hover: hsl(0, 0%, 17%);
--popout-color: hsl(0, 0%, 14%);
--popout-color-alt: hsl(0, 0%, 14%);
--main-textarea-color: rgb(51, 51, 51);
--main-textarea-color-alt: rgb(36, 36, 36);
--input-color: hsl(0, 0%, 22%);
--input-color-alt: hsl(0, 0%, 25%);
--sidebar-panel-color: hsl(0, 0%, 16%);
--button-link-color: hsl(0, 0%, 16%);
--button-link-text-color: hsl(0, 0%, 16%);
--attachment-color: hsl(0, 0%, 10%);
--message-color-alt: hsl(0, 0%, 19%);
--status-picker-color: hsl(0, 0%, 16%);
}

/* MATERIAL YOU LIGHT THEME SETTINGS */
.theme-light {
--saturation-modifier: 0.74;
--lightness-modifier: 2.125;
--text-lightness-modifier: 1.0;
}

:root {
/* HORIZONTAL SERVER LIST */
--HSL-server-icon-size: 30px;
--HSL-server-spacing: 10px;
--HSL-server-direction: column;
--HSL-server-alignment: flex-start;

MaterialDiscord2.theme.css

/* ACCENT HSL AND TEXT COLOR SETTINGS */
--accent-hue: 227;
--accent-saturation: 0%;
--accent-lightness: 75%;
--accent-text-color: hsl(0, 0%, 0%);
--accent-button-action: hsl(0, 0%, 100%);
--chat-color: hsl(0, 0%, 14%);

/* ALERT HSL AND TEXT COLOR SETTINGS */
--alert-hue: 0;
--alert-saturation: 85%;
--alert-lightness: 61%;
--alert-text-color: hsl(0, 0%, 100%);

/* WARNING HSL AND TEXT COLOR SETTINGS */
--warning-hue: 40;
--warning-saturation: 86.4%;
--warning-lightness: 56.9%;
--warning-text-color: hsl(0, 0%, 100%);

/* MESSAGE SETTINGS */
--message-radius: 14px;
--message-padding-top: 4px;
--message-padding-side: 12px;

/* MESSAGE MEDIA SETTINGS */
--media-radius: 10px;

/* CARD SETTINGS */
--card-radius: 8px;
--card-radius-big: 18px;

/* BUTTON SETTINGS */
--button-height: 36px;
--button-padding: 0 24px;
--button-action-color: hsl(0, 0%, 100%);

/* INPUT SETTINGS */
--input-height: 36px;
--input-padding: 0 12px;

/* POPOUT AND MODAL SETTINGS */
--popout-radius: 8px;
--popout-radius-big: 18px;

/* TOOLTIP SETTINGS */
--tooltip-color: hsla(0, 0%, 35%, 0.9);
--tooltip-text-color: hwb(0 85% 15%);
--tooltip-font-size: 12px;
--tooltip-padding: 8px;
--tooltip-radius: 8px;

/* SCROLLBAR SETTINGS */
--scrollbar-width: 10px;
--scrollbar-thin-width: 6px;

/* Visual Refresh title bar tweaks */
--vr-header-snippet-server-padding: 0px !important;
--vr-header-snippet-top: 8px !important;
--vr-header-snippet-space: 10px !important;

}

/* Any custom CSS below here */

I've also added the file cause for whatever reason the code is a mess in this message dunno why

[AerinUWU]

Also it seems like that using the code from this link
https://raw.githubusercontent.com/DiscordStyles/HorizontalServerList/deploy/HorizontalServerList.theme.css
Let the theme have a working HSL however a bit broken
The top part is unclickable and the gap is massive to say the least it also pushes everything at the bottom down quite a bit