Make Modular

modular/scheme_light/catppuccin_latte.css

@@ -0,0 +1,47 @@
+.theme-light {
+  --_color0: #bcc0cc;
+  --_color1: #d20f39;
+  --_color2: #40a02b;
+  --_color3: #df8e1d;
+  --_color4: #1e66f5;
+  --_color5: #ea76cb;
+  --_color6: #179299;
+  --_color7: #5c5f77;
+
+  --_color8: #626880;
+  --_color9: #d20f39;
+  --_color10: #40a02b;
+  --_color11: #df8e1d;
+  --_color12: #1e66f5;
+  --_color13: #ea76cb;
+  --_color14: #179299;
+  --_color15: #6c6f85;
+
+  --_colorFG: #4c4f69;
+
+  --primary: #eff1f5;
+  --secondary: #e6e9ef;
+  --tertiary: #dce0e8;
+  --primary-rgb: 239, 241, 245;
+  --secondary-rgb: 230, 233, 239;
+  --tertiary-rgb: 220, 224, 232;
+
+  --accent: #7287fd;
+  --accent-rgb: 114, 135, 253;
+  --red: var(--_color1);
+  --text: var(--_colorFG);
+  --link: var(--_color14);
+  --highlight: #6c6f85;
+  --highlight-rgb: 108, 111, 133;
+
+  --status-online: var(--_color2);
+  --status-idle: var(--_color3);
+  --status-dnd: var(--_color1);
+  --status-offline: var(--_color8);
+  --status-streaming: var(--_color5);
+
+  --titlebar-color: #414559;
+
+  --interactive-hover: var(--_color6) !important;
+  --interactive-active: var(--_color7) !important;
+}

modular/scheme_light/gruvbox.css

@@ -0,0 +1,42 @@
+.theme-light {
+  --_color0: #f2e5bc;
+  --_color1: #cc241d;
+  --_color2: #98971a;
+  --_color3: #d79921;
+  --_color4: #458588;
+  --_color5: #b16286;
+  --_color6: #689d6a;
+  --_color7: #7c6f64;
+
+  --_color8: #f9f5d7;
+  --_color9: #9d0006;
+  --_color10: #79740e;
+  --_color11: #b57614;
+  --_color12: #076678;
+  --_color13: #8f3f71;
+  --_color14: #427b58;
+  --_color15: #3c3836;
+
+  --_colorFG: #504945;
+
+  --primary: #f9f5d7;
+  --secondary: #fbf1c7;
+  --tertiary: #f2e5bc;
+  --primary-rgb: 242, 229, 187;
+  --secondary-rgb: 251, 241, 199;
+  --tertiary-rgb: 250, 246, 214;
+
+  --accent: var(--_color5);
+  --accent-rgb: 177, 98, 134;
+  --red: var(--_color9);
+  --text: var(--_colorFG);
+  --link: var(--_color12);
+  --highlight: #bdae93;
+  --highlight-rgb: 189, 174, 147;
+
+  --status-online: var(--_color10);
+  --status-idle: var(--_color11);
+  --status-dnd: var(--_color1);
+  --status-offline: var(--_color8);
+  --status-streaming: var(--_color13);
+}

modular/scheme_light/nord.css

@@ -0,0 +1,44 @@
+.theme-light {
+  --_color0: #e5e9f0;
+  --_color1: #bf616a;
+  --_color2: #a3be8c;
+  --_color3: #ebcb8b;
+  --_color4: #81a1c1;
+  --_color5: #b48ead;
+  --_color6: #88c0d0;
+  --_color7: #3b4252;
+
+  --_color8: #eceff4;
+  --_color9: #bf616a;
+  --_color10: #a3be8c;
+  --_color11: #ebcb8b;
+  --_color12: #81a1c1;
+  --_color13: #b48ead;
+  --_color14: #88c0d0;
+  --_color15: #4c566a;
+
+  --_colorFG: #2e3440;
+
+  --primary: #eceff4;
+  --secondary: #e5e9f0;
+  --tertiary: #d8dee9;
+  --primary-rgb: 236, 239, 244;
+  --secondary-rgb: 229, 233, 240;
+  --tertiary-rgb: 216, 222, 233;
+
+  --accent: #88c0d0;
+  --accent-rgb: 136, 192, 208;
+  --red: var(--_color1);
+  --text: var(--_colorFG);
+  --link: var(--_color12);
+  --highlight: #8fbcbb;
+  --highlight-rgb: 143, 188, 187;
+
+  --status-online: var(--_color2);
+  --status-idle: var(--_color3);
+  --status-dnd: var(--_color1);
+  --status-offline: var(--_color8);
+  --status-streaming: var(--_color5);
+
+  --titlebar-color: #4c566a;
+}

modular/scheme_light/stock.css

@@ -0,0 +1,46 @@
+.theme-light {
+  --_color0: #24292f;
+  --_color1: #ff8182;
+  --_color2: #4ac26b;
+  --_color3: #d4a72c;
+  --_color4: #54aeff;
+  --_color5: #c297ff;
+  --_color6: #76e3ea;
+  --_color7: #8c959f;
+
+  --_color8: #32383f;
+  --_color9: #ffaba8;
+  --_color10: #6fdd8b;
+  --_color11: #eac54f;
+  --_color12: #80ccff;
+  --_color13: #d8b9ff;
+  --_color14: #b3f0ff;
+  --_color15: #d0d7de;
+
+  --_colorFG: var(--_color7);
+
+  --primary: #ffffff;
+  --secondary: #f2f3f5;
+  --tertiary: #e3e5e8;
+  --primary-rgb: 255, 255, 255;
+  --secondary-rgb: 242, 243, 245;
+  --tertiary-rgb: 227, 229, 232;
+
+  --accent: #7289da;
+  --accent-rgb: 114, 137, 218;
+  --red: #f04747;
+  --text: #303338;
+  --link: #00aff4;
+  --highlight: #72767d;
+  --highlight-rgb: 114, 118, 125;
+
+  --status-online: #43b581;
+  --status-idle: #faa61a;
+  --status-dnd: #f04747;
+  --status-offline: #747f8d;
+  --status-streaming: #593695;
+
+  --titlebar-color: var(--highlight);
+
+  --interactive-active: #060607 !important;
+}

modular/scheme_light/xmc.css

@@ -0,0 +1,46 @@
+.theme-light {
+  --_color0: #24292f;
+  --_color1: #ff8182;
+  --_color2: #4ac26b;
+  --_color3: #d4a72c;
+  --_color4: #54aeff;
+  --_color5: #c297ff;
+  --_color6: #76e3ea;
+  --_color7: #8c959f;
+
+  --_color8: #32383f;
+  --_color9: #ffaba8;
+  --_color10: #6fdd8b;
+  --_color11: #eac54f;
+  --_color12: #80ccff;
+  --_color13: #d8b9ff;
+  --_color14: #b3f0ff;
+  --_color15: #d0d7de;
+
+  --_colorFG: #373737;
+
+  --primary: #fcfcf9;
+  --secondary: #f4f4f1;
+  --tertiary: #dcdace;
+  --primary-rgb: 252, 252, 249;
+  --secondary-rgb: 244, 244, 241;
+  --tertiary-rgb: 220, 218, 206;
+
+  --accent: #58516d;
+  --accent-rgb: 88, 81, 109;
+  --red: var(--_color1);
+  --text: #373737;
+  --link: var(--_color6);
+  --highlight: #b0aca5;
+  --highlight-rgb: 176, 172, 165;
+
+  --status-online: var(--_color4);
+  --status-idle: var(--_color3);
+  --status-dnd: var(--_color1);
+  --status-offline: var(--_color8);
+  --status-streaming: var(--_color5);
+
+  --titlebar-color: var(--accent);
+  --interactive-hover: #494949 !important;
+  --interactive-active: #7a7a7a !important;
+}