misc improvements to modularity

dotfiles/takamaki/equibop/quickCss.css

@@ -1,42 +1,26 @@
 body {
+  /* font, change to '' for default discord font */
+  --font: 'figtree';
+  --code-font: '';
+
   /* sizes */
   --gap: 10px; /* spacing between panels */
   --divider-thickness: 4px; /* thickness of unread messages divider and highlighted message borders */
-  --border-thickness: 0px; /* thickness of borders around main panels. DOES NOT AFFECT OTHER BORDERS */
+  --border-thickness: 1px; /* thickness of borders around main panels. DOES NOT AFFECT OTHER BORDERS */
+  --custom-guild-list-width: calc(var(--guildbar-avatar-size) + var(--custom-guild-list-padding) * 2 + var(--border-thickness) * 2);
 
-  /* animation/transition options */
-  --animations: on; /* off: disable animations/transitions, on: enable animations/transitions */
-  --list-item-transition: 0.2s ease; /* transition for list items */
-  --dms-icon-svg-transition: 0.35s ease; /* transition for the dms icon */
-  --border-hover-transition: 1s ease; /* transition for borders when hovered */
+  --border-hover-transition: 0.2s ease;
+  --elevation-low: none;
+  --elevation-medium: none;
+  --elevation-high: none;
 }
 
-/* color options */
 :root {
-    --colors: on; /* off: discord default colors, on: midnight custom colors */
-
     /* text colors */
-  --text-0: hsl(220, 16%, 95%); /* text on colored elements */
-  --text-2: hsl(217.5, 20%, 90%); /* headings and important text */
-  --text-3: hsl(219, 30%, 90%); /* normal text */
-  --text-4: hsl(220.5, 14%, 85%); /* icon buttons and channels */
-  --text-5: hsl(221, 13.5%, 80%); /* muted channels/chats and timestamps */
-
-  /* background and dark colors */
-  --bg-1: #303643; /* dark buttons when clicked */
-  --bg-2: #343b49; /* dark buttons */
-  --bg-3: #3b4252; /* spacing, secondary elements */
-  --bg-4: #2e3440; /* main background color */
-  --hover: #eceff415; /* channels and buttons when hovered */
-  --active: hsl(222, 18%, 35%); /* channels and buttons when clicked or selected */
-  --active-2: #2e3440; /* extra state for transparent buttons */
-  --message-hover: #3b425240; /* messages when hovered */
-
-  /* accent colors */
-  --accent-1: #8fbcbb; /* links and other accent text */
-  --accent-2: hsl(179, 30%, 45%); /* small accent elements */
-  --accent-3: hsl(193, 25%, 45%); /* accent buttons */
-  --accent-4: hsl(193, 25%, 55%); /* accent buttons when hovered */
-  --accent-5: hsl(193, 25%, 60%); /* accent buttons when clicked */
-  --accent-new: #bf616a; /* stuff that's normally red like mute/deafen buttons */
-};
+    --text-0: var(--bg-4); /* text on colored elements */
+    --text-1: hsl(220, 45%, 95%); /* other normally white text */
+    --text-2: hsl(220, 25%, 85%); /* headings and important text */
+    --text-3: hsl(220, 20%, 70%); /* normal text */
+    --text-4: hsl(220, 15%, 60%); /* icon buttons and channels */
+    --text-5: hsl(220, 15%, 55%); /* muted channels/chats and timestamps */
+}