Compare commits
1 Commits
e56e1e8e51
...
0c60c5abd5
Author | SHA1 | Date | |
---|---|---|---|
0c60c5abd5
|
@@ -1,143 +1,71 @@
|
||||
:root {
|
||||
--text: #050c0e;
|
||||
--background: #f1f8fa;
|
||||
--primary: #51a9c3;
|
||||
--secondary: #d88fb9;
|
||||
--accent: #ce7f71;
|
||||
}
|
||||
// https://www.realtimecolors.com/
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--text: #f0f8fa;
|
||||
--background: #050d0f;
|
||||
--primary: #3c94af;
|
||||
--secondary: #712853;
|
||||
--accent: #8d3e30;
|
||||
}
|
||||
--text: #040518;
|
||||
--background: #fafaff;
|
||||
--primary: #3538e0;
|
||||
--secondary: #f679ab;
|
||||
--accent: #e97a4c;
|
||||
}
|
||||
|
||||
:root {
|
||||
--text-50: #ecf6f8;
|
||||
--text-100: #daecf1;
|
||||
--text-200: #b4dae4;
|
||||
--text-300: #8fc7d6;
|
||||
--text-400: #69b4c9;
|
||||
--text-500: #44a1bb;
|
||||
--text-600: #368196;
|
||||
--text-700: #296170;
|
||||
--text-800: #1b414b;
|
||||
--text-900: #0e2025;
|
||||
--text-950: #071013;
|
||||
--text-50: #e9eafb;
|
||||
--text-100: #d3d5f8;
|
||||
--text-200: #a8abf0;
|
||||
--text-300: #7c82e9;
|
||||
--text-400: #5158e1;
|
||||
--text-500: #252eda;
|
||||
--text-600: #1e25ae;
|
||||
--text-700: #161c83;
|
||||
--text-800: #0f1257;
|
||||
--text-900: #07092c;
|
||||
--text-950: #040516;
|
||||
|
||||
--background-50: #ecf6f8;
|
||||
--background-100: #daecf1;
|
||||
--background-200: #b4dae4;
|
||||
--background-300: #8fc7d6;
|
||||
--background-400: #69b4c9;
|
||||
--background-500: #44a1bb;
|
||||
--background-600: #368196;
|
||||
--background-700: #296170;
|
||||
--background-800: #1b414b;
|
||||
--background-900: #0e2025;
|
||||
--background-950: #071013;
|
||||
--background-50: #e5e5ff;
|
||||
--background-100: #ccccff;
|
||||
--background-200: #9999ff;
|
||||
--background-300: #6666ff;
|
||||
--background-400: #3333ff;
|
||||
--background-500: #0000ff;
|
||||
--background-600: #0000cc;
|
||||
--background-700: #000099;
|
||||
--background-800: #000066;
|
||||
--background-900: #000033;
|
||||
--background-950: #00001a;
|
||||
|
||||
--primary-50: #ecf6f8;
|
||||
--primary-100: #d9ecf2;
|
||||
--primary-200: #b3d9e5;
|
||||
--primary-300: #8dc6d8;
|
||||
--primary-400: #67b4cb;
|
||||
--primary-500: #41a1be;
|
||||
--primary-600: #348198;
|
||||
--primary-700: #276072;
|
||||
--primary-800: #1a404c;
|
||||
--primary-900: #0d2026;
|
||||
--primary-950: #071013;
|
||||
--primary-50: #e9e9fc;
|
||||
--primary-100: #d3d4f8;
|
||||
--primary-200: #a7a8f1;
|
||||
--primary-300: #7b7dea;
|
||||
--primary-400: #4f51e3;
|
||||
--primary-500: #2226dd;
|
||||
--primary-600: #1c1eb0;
|
||||
--primary-700: #151784;
|
||||
--primary-800: #0e0f58;
|
||||
--primary-900: #07082c;
|
||||
--primary-950: #030416;
|
||||
|
||||
--secondary-50: #f8ecf3;
|
||||
--secondary-100: #f2d9e8;
|
||||
--secondary-200: #e4b4d0;
|
||||
--secondary-300: #d78eb9;
|
||||
--secondary-400: #ca68a1;
|
||||
--secondary-500: #bd428a;
|
||||
--secondary-600: #97356e;
|
||||
--secondary-700: #712853;
|
||||
--secondary-800: #4b1b37;
|
||||
--secondary-900: #260d1c;
|
||||
--secondary-950: #13070e;
|
||||
--secondary-50: #fde7f0;
|
||||
--secondary-100: #fccfe1;
|
||||
--secondary-200: #f8a0c3;
|
||||
--secondary-300: #f570a5;
|
||||
--secondary-400: #f24087;
|
||||
--secondary-500: #ee1169;
|
||||
--secondary-600: #bf0d54;
|
||||
--secondary-700: #8f0a3f;
|
||||
--secondary-800: #5f072a;
|
||||
--secondary-900: #300315;
|
||||
--secondary-950: #18020b;
|
||||
|
||||
--accent-50: #f8eeec;
|
||||
--accent-100: #f2ddd9;
|
||||
--accent-200: #e5bbb3;
|
||||
--accent-300: #d8988d;
|
||||
--accent-400: #cb7667;
|
||||
--accent-500: #be5441;
|
||||
--accent-600: #984334;
|
||||
--accent-700: #723227;
|
||||
--accent-800: #4c221a;
|
||||
--accent-900: #26110d;
|
||||
--accent-950: #130807;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--text-50: #061113;
|
||||
--text-100: #0d2126;
|
||||
--text-200: #19424d;
|
||||
--text-300: #266373;
|
||||
--text-400: #338599;
|
||||
--text-500: #40a6bf;
|
||||
--text-600: #66b8cc;
|
||||
--text-700: #8cc9d9;
|
||||
--text-800: #b3dbe6;
|
||||
--text-900: #d9edf2;
|
||||
--text-950: #ecf6f9;
|
||||
|
||||
--background-50: #061113;
|
||||
--background-100: #0d2126;
|
||||
--background-200: #19424d;
|
||||
--background-300: #266373;
|
||||
--background-400: #338599;
|
||||
--background-500: #40a6bf;
|
||||
--background-600: #66b8cc;
|
||||
--background-700: #8cc9d9;
|
||||
--background-800: #b3dbe6;
|
||||
--background-900: #d9edf2;
|
||||
--background-950: #ecf6f9;
|
||||
|
||||
--primary-50: #071013;
|
||||
--primary-100: #0d2026;
|
||||
--primary-200: #1a404c;
|
||||
--primary-300: #276072;
|
||||
--primary-400: #348198;
|
||||
--primary-500: #41a1be;
|
||||
--primary-600: #67b4cb;
|
||||
--primary-700: #8dc6d8;
|
||||
--primary-800: #b3d9e5;
|
||||
--primary-900: #d9ecf2;
|
||||
--primary-950: #ecf6f8;
|
||||
|
||||
--secondary-50: #13070e;
|
||||
--secondary-100: #260d1c;
|
||||
--secondary-200: #4b1b37;
|
||||
--secondary-300: #712853;
|
||||
--secondary-400: #97356e;
|
||||
--secondary-500: #bd428a;
|
||||
--secondary-600: #ca68a1;
|
||||
--secondary-700: #d78eb9;
|
||||
--secondary-800: #e4b4d0;
|
||||
--secondary-900: #f2d9e8;
|
||||
--secondary-950: #f8ecf3;
|
||||
|
||||
--accent-50: #130807;
|
||||
--accent-100: #26110d;
|
||||
--accent-200: #4c221a;
|
||||
--accent-300: #723227;
|
||||
--accent-400: #984334;
|
||||
--accent-500: #be5441;
|
||||
--accent-600: #cb7667;
|
||||
--accent-700: #d8988d;
|
||||
--accent-800: #e5bbb3;
|
||||
--accent-900: #f2ddd9;
|
||||
--accent-950: #f8eeec;
|
||||
}
|
||||
--accent-50: #fceee8;
|
||||
--accent-100: #f9ded2;
|
||||
--accent-200: #f4bca4;
|
||||
--accent-300: #ee9b77;
|
||||
--accent-400: #e97949;
|
||||
--accent-500: #e3581c;
|
||||
--accent-600: #b64616;
|
||||
--accent-700: #883511;
|
||||
--accent-800: #5b230b;
|
||||
--accent-900: #2d1206;
|
||||
--accent-950: #170903;
|
||||
}
|
||||
|
Reference in New Issue
Block a user