New Scrollbars!

script.js

@@ -1983,7 +1983,6 @@ function loadGeneral() {
         <div class="settings-section-outer">
         ${createSettingSection("consolewarnings", lang().general_list.title.consolewarnings, lang().general_list.desc.consolewarnings)}
         ${createSettingSection("widemode", lang().general_list.title.widemode, lang().general_list.desc.widemode)}
-        ${createSettingSection("discord", lang().general_list.title.discord, lang().general_list.desc.discord)}
         </div>
         <h3>${lang().general_sub.privacy}</h3>
         <div class="fun-buttons">
@@ -2039,8 +2038,7 @@ function loadGeneral() {
         entersend: document.getElementById("entersend"),
         hideimages: document.getElementById("hideimages"),
         notifications: document.getElementById("notifications"),
-        widemode: document.getElementById("widemode"),
-        discord: document.getElementById("discord")
+        widemode: document.getElementById("widemode")
     };
 
     Object.values(settings).forEach((settingDiv) => {
@@ -2061,8 +2059,7 @@ function loadGeneral() {
                 entersend: settings.entersend.classList.contains("checked"),
                 hideimages: settings.hideimages.classList.contains("checked"),
                 notifications: settings.notifications.classList.contains("checked"),
-                widemode: settings.widemode.classList.contains("checked"),
-                discord: settings.discord.classList.contains("checked")
+                widemode: settings.widemode.classList.contains("checked")
             }));
             setAccessibilitySettings();
             if (settingsstuff().notifications) {

styles.css

@@ -8,7 +8,7 @@ html {
     font-family: var(--font);
     transition: background-color 0.2s ease-in-out;
     scrollbar-gutter: stable;
-    /*scrollbar-color: var(--hov-color) var(--background);*/
+    scrollbar-color: var(--hov-accent-color) var(--background);
 }
 
 body {
@@ -197,6 +197,21 @@ tr:nth-child(odd) {
   background-color: var(--accent-down);
 }
 
+::-webkit-scrollbar {
+    width: 12px;
+}
+
+::-webkit-scrollbar-track {
+  background: var(--background);
+  border-radius: 0px;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: var(--hov-accent-color);
+  border-radius: 25px;
+  border: 3px solid var(--accent-down);
+}
+
 .list {
     display: flex;
     flex-direction: column;
@@ -902,6 +917,7 @@ tr:nth-child(odd) {
     overflow: auto;
     height: 100vh;
     border-top: none;
+    scrollbar-width: thin;
 }
 
 .side {