From 9ea33770ea5abaa3196100fe76bd57079adde399 Mon Sep 17 00:00:00 2001
From: Saltssaumure <themes@saltssaumure.net>
Date: Sun, 23 Jun 2024 22:37:47 +0100
Subject: [PATCH] Move HorizontalServerList compatibility fix to Replugged only

---
 README.md                                                     | 4 ++++
 scss/{concrete/_horizontalserverlist.scss => _hslcompat.scss} | 4 +---
 scss/concrete/index.scss                                      | 1 -
 scss/reimagine-replugged.scss                                 | 1 +
 4 files changed, 6 insertions(+), 4 deletions(-)
 rename scss/{concrete/_horizontalserverlist.scss => _hslcompat.scss} (61%)

diff --git a/README.md b/README.md
index 64846a1..e0f7b97 100644
--- a/README.md
+++ b/README.md
@@ -51,6 +51,8 @@
 2. Place the file in the themes folder:
     - `Settings` > `BetterDiscord` > `Themes` > `Open Themes Folder`
 3. Toggle on the theme card.
+
+BetterDiscord installations do not include HorizontalServerList by default. Get the file separately from [BetterDiscord](https://betterdiscord.app/theme/?id=124), then add the contents of [hslcompat](./scss/_hslcompat.scss) to the theme file or Custom/Quick CSS.
 </details>
 
 ### [Replugged][Replugged]
@@ -80,6 +82,8 @@
 #### Online
 1. Paste the link in `Settings` > `Vencord` > `Themes` > `Online Themes`:
     - `https://minidiscordthemes.github.io/DiscordReimagined/DiscordReimagined.theme.css`
+
+Vencord installations do not include HorizontalServerList by default. Get the file separately from [BetterDiscord](https://betterdiscord.app/theme/?id=124), then add the contents of [hslcompat](./scss/_hslcompat.scss) to the theme file or Custom/Quick CSS.
 </details>
 
 ## Customisation
diff --git a/scss/concrete/_horizontalserverlist.scss b/scss/_hslcompat.scss
similarity index 61%
rename from scss/concrete/_horizontalserverlist.scss
rename to scss/_hslcompat.scss
index 0df2da3..6ad6440 100644
--- a/scss/concrete/_horizontalserverlist.scss
+++ b/scss/_hslcompat.scss
@@ -1,6 +1,4 @@
-// @import url("https://discordstyles.github.io/HorizontalServerList/HorizontalServerList.theme.css");
-
-// HSL unread pips
+/* HorizontalServerList unread pips */
 #app-mount#app-mount .guilds_a4d4d9 [class*="pill"] {
 	transform: rotate(270deg) translateY(50%);
 	top: unset !important;
diff --git a/scss/concrete/index.scss b/scss/concrete/index.scss
index fa8ce5f..ce83e29 100644
--- a/scss/concrete/index.scss
+++ b/scss/concrete/index.scss
@@ -1,6 +1,5 @@
 @forward "./channellist";
 @forward "./header";
-@forward "./horizontalserverlist";
 @forward "./memberslist";
 @forward "./messagebox";
 @forward "./searchresults";
diff --git a/scss/reimagine-replugged.scss b/scss/reimagine-replugged.scss
index e25a678..c4f236c 100644
--- a/scss/reimagine-replugged.scss
+++ b/scss/reimagine-replugged.scss
@@ -2,6 +2,7 @@
 // Licensing conflict due to CC0 automatically applying to all posts.
 
 @forward "./reimagine";
+@forward "./hslcompat";
 
 // Copyright (c) 2020 DiscordStyles
 // MIT license