Make Modular

modular/overwrite_colors.css

@@ -8,7 +8,7 @@
 
   --titlebar-color: var(--highlight);
 
-  --mention-background: rgba(var(--accent-rgb), 0.3);
+  --mention-background: rgba(var(--accent-rgb), 0.1);
   --header-primary: var(--text, var(--white-500)) !important;
   --header-secondary: var(--text, var(--primary-dark-300)) !important;
   --text-normal: var(--text, var(--primary-dark-200)) !important;
@@ -119,6 +119,10 @@
   --status-yellow-500: var(--status-idle) !important;
   --status-red-500: var(--status-dnd) !important;
   --status-grey-500: var(--status-offline) !important;
+  --green-360: var(--status-online) !important;
+  --yellow-300: var(--status-idle) !important;
+  --red-400: var(--status-dnd) !important;
+  --primary-400: var(--status-offline) !important;
   --twitch: var(--status-streaming) !important;
 }
 
@@ -236,6 +240,8 @@ rect[fill="#43b581"],
 path[fill="#43b581"],
 rect[fill="#3ba55c"],
 path[fill="#3ba55c"],
+rect[fill="#23a55a"],
+path[fill="#23a55a"],
 rect[fill="rgba(67, 181, 129, 1)"],
 rect[fill="rgba(59, 165, 92, 1)"],
 rect[mask="url(#svg-mask-status-online)"][fill="#ffffff"],
@@ -247,6 +253,10 @@ path[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"] {
 
 rect[fill="#faa61a"],
 path[fill="#faa61a"],
+rect[fill="#f0b232"],
+path[fill="#f0b232"],
+rect[fill="#f23f43"],
+path[fill="#f23f43"],
 rect[fill="rgba(250, 166, 26, 1)"],
 rect[mask="url(#svg-mask-status-idle)"][fill="#ffffff"],
 rect[mask="url(#svg-mask-status-idle-mobile)"][fill="#ffffff"],
@@ -269,6 +279,8 @@ path[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"] {
 
 rect[fill="#747f8d"],
 path[fill="#747f8d"],
+rect[fill="#82858f"],
+path[fill="#82858f"],
 rect[mask="url(#svg-mask-status-offline)"][fill="#ffffff"],
 rect[mask="url(#svg-mask-status-offline-mobile)"][fill="#ffffff"],
 rect[fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"] {