Make Modular

modular/base.css

@@ -1,7 +1,3 @@
-#splash {
-  background-color: var(--primary, var(--background-primary));
-}
-
 /* i have no idea what half of these are for anymore */
 /* most of them are probably now-redundant color fixes */
 /* others are things i dont feel like need a toggle at the current moment */

modular/collapsing_sidebar/compact-er_support.css

@@ -178,3 +178,8 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
   > * {
   display: none;
 }
+
+div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
+  .channel-typing-indicator {
+  display: none;
+}

modular/collapsing_sidebar/dynamic.css

@@ -179,4 +179,9 @@
     > * {
     display: none;
   }
+
+  div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
+    .channel-typing-indicator {
+    display: none;
+  }
 }

modular/collapsing_sidebar/dynamic_+_compact-er_support.css

@@ -179,4 +179,9 @@
     > * {
     display: none;
   }
+
+  div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
+    .channel-typing-indicator {
+    display: none;
+  }
 }

modular/collapsing_sidebar/on.css

@@ -178,3 +178,8 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
   > * {
   display: none;
 }
+
+div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
+  .channel-typing-indicator {
+  display: none;
+}

modular/overwrite_colors.css

@@ -395,7 +395,7 @@ rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] {
 
 [class^="reaction-"][class*="reactionMe-"] [class*="reactionCount-"],
 [class^="reaction-"]:hover [class*="reactionCount-"] {
-  color: var(--_color15, var(--white-500));
+  color: var(--white-500);
 }
 
 [class^="reaction-"] [class*="reactionCount-"] {

modular/scheme/amoled.css

@@ -42,3 +42,7 @@
 
   --titlebar-color: #060606;
 }
+
+#splash {
+  background-color: #000000;
+}

modular/scheme/amora.css

@@ -40,3 +40,7 @@
   --status-offline: var(--tertiary);
   --status-streaming: var(--_color4);
 }
+
+#splash {
+  background-color: #302838;
+}

modular/scheme/amora_focus.css

@@ -44,3 +44,7 @@
 
   --titlebar-color: var(--accent);
 }
+
+#splash {
+  background-color: #1a1a1a;
+}

modular/scheme/annie_dark.css

@@ -42,3 +42,7 @@
 
   --titlebar-color: var(--tertiary);
 }
+
+#splash {
+  background-color: #141414;
+}

modular/scheme/catppuccin_frappe.css

@@ -45,3 +45,7 @@
   --interactive-hover: var(--_color6) !important;
   --interactive-active: var(--_color7) !important;
 }
+
+#splash {
+  background-color: #303446;
+}

modular/scheme/catppuccin_macchiato.css

@@ -45,3 +45,7 @@
   --interactive-hover: var(--_color6) !important;
   --interactive-active: var(--_color7) !important;
 }
+
+#splash {
+  background-color: #24273a;
+}

modular/scheme/catppuccin_mocha.css

@@ -49,3 +49,7 @@
   --background-modifier-hover: rgba(137, 180, 250, 0.08) !important;
   --background-modifier-selected: rgba(137, 180, 250, 0.24) !important;
 }
+
+#splash {
+  background-color: #1e1e2e;
+}

modular/scheme/custom.css

@@ -44,3 +44,7 @@
   --interactive-hover: var(--xmc-custom-hover) !important;
   --interactive-active: var(--xmc-custom-active) !important;
 }
+
+#splash {
+  background-color: var(--xmc-custom-primary, #36393f);
+}

modular/scheme/everforest.css

@@ -43,3 +43,7 @@
   --interactive-hover: var(--_color6) !important;
   --interactive-active: var(--_color15) !important;
 }
+
+#splash {
+  background-color: #323c41;
+}

modular/scheme/gruvbox.css

@@ -40,3 +40,7 @@
   --status-offline: var(--_color8);
   --status-streaming: var(--_color13);
 }
+
+#splash {
+  background-color: #32302f;
+}

modular/scheme/lovelace.css

@@ -43,3 +43,7 @@
   --interactive-hover: var(--_color6) !important;
   --interactive-active: var(--_color7) !important;
 }
+
+#splash {
+  background-color: #1d1f28;
+}

modular/scheme/nord.css

@@ -42,3 +42,7 @@
 
   --titlebar-color: #4c566a;
 }
+
+#splash {
+  background-color: #434c5e;
+}

modular/scheme/source_engine_-_tools.css

@@ -0,0 +1,48 @@
+.theme-dark {
+  --_color0: #3c4635;
+  --_color1: #aa0000;
+  --_color2: #4d7455;
+  --_color3: #cf6a32;
+  --_color4: #476291;
+  --_color5: #8650ac;
+  --_color6: #5e98d9;
+  --_color7: #837e77;
+
+  --_color8: #4c5844;
+  --_color9: #eb4b4b;
+  --_color10: #70b04a;
+  --_color11: #ffd700;
+  --_color12: #4b69ff;
+  --_color13: #8847ff;
+  --_color14: #38f3ab;
+  --_color15: #b2b2b2;
+
+  --_colorFG: #d9d9d9;
+
+  --primary: #404040;
+  --secondary: #343434;
+  --tertiary: #2c2c2c;
+  --primary-rgb: 64, 64, 64;
+  --secondary-rgb: 52, 52, 52;
+  --tertiary-rgb: 44, 44, 44;
+
+  --accent: #ff9a1e;
+  --accent-rgb: 255, 154, 30;
+  --red: var(--_color9);
+  --text: var(--_colorFG);
+  --link: var(--_color12);
+  --highlight: #b5b5b5;
+  --highlight-rgb: 181, 181, 181;
+
+  --status-online: var(--_color10);
+  --status-idle: var(--_color11);
+  --status-dnd: var(--_color9);
+  --status-offline: var(--tertiary);
+  --status-streaming: var(--_color5);
+
+  --status-danger: var(--red);
+}
+
+#splash {
+  background-color: #404040;
+}

modular/scheme/stock.css

@@ -42,3 +42,7 @@
 
   --titlebar-color: var(--highlight);
 }
+
+#splash {
+  background-color: #36393f;
+}

modular/scheme/tokyo_night.css

@@ -43,3 +43,7 @@
   --interactive-hover: var(--_color4) !important;
   --interactive-active: var(--_color15) !important;
 }
+
+#splash {
+  background-color: #1a1b26;
+}

modular/scheme/valve.css

@@ -0,0 +1,48 @@
+.theme-dark {
+  --_color0: #3c4635;
+  --_color1: #aa0000;
+  --_color2: #4d7455;
+  --_color3: #cf6a32;
+  --_color4: #476291;
+  --_color5: #8650ac;
+  --_color6: #5e98d9;
+  --_color7: #837e77;
+
+  --_color8: #4c5844;
+  --_color9: #eb4b4b;
+  --_color10: #70b04a;
+  --_color11: #ffd700;
+  --_color12: #4b69ff;
+  --_color13: #8847ff;
+  --_color14: #38f3ab;
+  --_color15: #b2b2b2;
+
+  --_colorFG: #ffffff;
+
+  --primary: #4c5844;
+  --secondary: #3c4635;
+  --tertiary: #282e22;
+  --primary-rgb: 76, 88, 68;
+  --secondary-rgb: 60, 70, 53;
+  --tertiary-rgb: 40, 46, 34;
+
+  --accent: #958831;
+  --accent-rgb: 150, 137, 49;
+  --red: var(--_color9);
+  --text: var(--_colorFG);
+  --link: var(--_color12);
+  --highlight: #889180;
+  --highlight-rgb: 137, 145, 130;
+
+  --status-online: var(--_color10);
+  --status-idle: var(--_color11);
+  --status-dnd: var(--_color9);
+  --status-offline: var(--tertiary);
+  --status-streaming: var(--_color5);
+
+  --status-danger: var(--red);
+}
+
+#splash {
+  background-color: #4c5844;
+}

modular/scheme/xmc.css

@@ -42,3 +42,7 @@
 
   --titlebar-color: var(--accent);
 }
+
+#splash {
+  background-color: #2c2c2c;
+}

modular/square_avatars.css

@@ -46,7 +46,8 @@ div[class^="listItem-"] foreignObject [class^="folder-"],
 div[class^="listItem-"] div[class^="wrapperSimple-"],
 [class^="circleIconButton-"],
 [class^="folderIconWrapper-"],
-[class^="avatarContainer-"] {
+[class^="avatarContainer-"],
+[class^="executedCommandAvatar-"] {
   border-radius: 10% !important;
 }
 

modular/stylings.css

@@ -172,12 +172,3 @@ nav[class^="sidebar-"] div[class^="item-"]:not([class*="selected-"]):hover,
   background-color: var(--hover-bg);
   box-shadow: var(--hover-shadow);
 }
-
-[class^="reaction-"][class*="reactionMe-"] [class*="reactionCount-"],
-[class^="reaction-"]:hover [class*="reactionCount-"] {
-  color: #ffffff;
-}
-
-[class^="reaction-"] [class*="reactionCount-"] {
-  color: var(--text);
-}