From 2a318e390e77f8269fcba45ab9a0fd7008ca8d0a Mon Sep 17 00:00:00 2001
From: V <vendicated@riseup.net>
Date: Sat, 8 Jul 2023 03:13:32 +0200
Subject: [PATCH] QuickCss: Fix wrongly applying quickcss when editing while
 disabled

---
 src/utils/quickCss.ts | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/utils/quickCss.ts b/src/utils/quickCss.ts
index fe35a3c2..0ce50e5e 100644
--- a/src/utils/quickCss.ts
+++ b/src/utils/quickCss.ts
@@ -27,8 +27,12 @@ export async function toggle(isEnabled: boolean) {
         if (isEnabled) {
             style = document.createElement("style");
             style.id = "vencord-custom-css";
-            document.head.appendChild(style);
-            VencordNative.quickCss.addChangeListener(css => style.textContent = css);
+            document.documentElement.appendChild(style);
+            VencordNative.quickCss.addChangeListener(css => {
+                style.textContent = css;
+                // At the time of writing this, changing textContent resets the disabled state
+                style.disabled = !Settings.useQuickCss;
+            });
             style.textContent = await VencordNative.quickCss.get();
         }
     } else
@@ -39,7 +43,7 @@ async function initThemes() {
     if (!themesStyle) {
         themesStyle = document.createElement("style");
         themesStyle.id = "vencord-themes";
-        document.head.appendChild(themesStyle);
+        document.documentElement.appendChild(themesStyle);
     }
 
     const { themeLinks } = Settings;