my personal website!
meowing.zip
website
my own color scheme
+12
-12
+12
-12
styles.css
+12
-12
styles.css
···
184
184
&:has(#theme-dark:checked) {
185
185
color-scheme: dark;
186
186
}
187
-
--background: light-dark(#eff1f5, #1e1e2e);
187
+
--background: light-dark(#D9D1E0, #2F2736);
188
188
--crust: light-dark(#dce0e8, #11111b);
189
-
--foreground: light-dark(#4c4f69, #cdd6f4);
189
+
--foreground: light-dark(#4c4f69, #DEC9FF);
190
190
--subtext: light-dark(#7c7f93, #45475a);
191
191
--divider-color: var(--accent);
192
-
--accent: light-dark(#8839ef, #cba6f7);
192
+
--accent: light-dark(#A76BC9, #776296);
193
193
194
-
--red: light-dark(#e64553, #eba0ac);
195
-
--blue: light-dark(#1e66f5, #89b4fa);
196
-
--light-blue: light-dark(#04a5e5, #89dceb);
197
-
--teal: light-dark(#179299, #94e2d5);
198
-
--green: light-dark(#40a02b, #a6e3a1);
199
-
--purple: light-dark(#7287fd, #b4befe);
200
-
--pink: light-dark(#ea76cb, #f5c2e7);
201
-
--yellow: light-dark(#df8e1d, #f9e2af);
194
+
--red: light-dark(#D175B2, #ED98B6);
195
+
--blue: light-dark(#7584D1, #98ADED);
196
+
--light-blue: light-dark(#75C8D1, #98ECED);
197
+
--teal: light-dark(#75D1B7, #98EDDB);
198
+
--green: light-dark(#77D175, #98EDA3);
199
+
--purple: light-dark(#8675D1, #B998ED);
200
+
--pink: light-dark(#D175BC, #f5c2e7);
201
+
--yellow: light-dark(#D1BD75, #f9e2af);
202
202
&:has(#theme-catppuccin:checked) {
203
-
--background: light-dark(#eff1f5, #303030);
203
+
--background: light-dark(#eff1f5, #271C2B);
204
204
--crust: light-dark(#dce0e8, #11111b);
205
205
--foreground: light-dark(#4c4f69, #cdd6f4);
206
206
--subtext: light-dark(#7c7f93, #45475a);