Possible fix for the wrong highlight colors

(Might also break everything)

src/_variables.scss

@@ -1,5 +1,4 @@
 :root, .theme-dark, .theme-light {
-  --rgb-highlight: 4, 217, 255;
   --highlight: rgb(var(--rgb-highlight));
   --rgb-background: 0, 0, 0;
   --background: rgb(var(--rgb-background));

src/dev.scss

@@ -12,4 +12,23 @@
 */
 
 @import "main.scss";
-@import "hideUsers.scss";
+@import "hideUsers.scss";
+
+:root {
+    --rgb-highlight: 204, 217, 255; /* The main highlight color */
+    --rgb-background: 0, 0, 0; /* The main background color */
+    --rgb-text: 197, 200, 198; /* The main text color */
+    --rgb-close-button: 212, 18, 39; /* The main "close this" or "deny" color */
+    --rgb-online-color: 57, 255, 20; /* The color used in the "online" user status symbol */
+    --rgb-afk-color: 255, 255, 51; /* The color used in the "idle" user status symbol */
+    --rgb-dnd-color: 255, 0, 0; /* The color used in the "do not disturb" user status symbol */
+    --rgb-streaming-color: 188, 19, 254; /* The color used in the "streaming X" user status symbol */
+
+    --transition-time: .3s; /* How fast animations added by the theme happen. Default is 0.3 seconds */
+
+    --background-image: unset; /* To add an image, replace unset with url(https://www.YOUR-URL-HERE.com) */
+    --background-position: center; /* Positions the background image */
+    --background-size: cover; /* Scales the background image */
+    --background-blur: 5px; /* Blurs the image which helps with readability of text infront of it */
+    --background-brightness: 100%; /* Changes the background images brightness */
+  }