Update theme

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>
This commit is contained in:
2025-09-14 22:01:44 +01:00
parent e56e1e8e51
commit c50910bcec

View File

@@ -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;
}
:root {
--text: #110807;
--background: #fdfdfd;
--primary: #ce4748;
--secondary: #ced396;
--accent: #9fc779;
}
: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: #f8eeed;
--text-100: #f0dddb;
--text-200: #e1bbb7;
--text-300: #d39992;
--text-400: #c4776e;
--text-500: #b5554a;
--text-600: #91443b;
--text-700: #6d332c;
--text-800: #48221e;
--text-900: #24110f;
--text-950: #120807;
--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: #f2f2f2;
--background-100: #e6e6e6;
--background-200: #cccccc;
--background-300: #b3b3b3;
--background-400: #999999;
--background-500: #808080;
--background-600: #666666;
--background-700: #4d4d4d;
--background-800: #333333;
--background-900: #1a1a1a;
--background-950: #0d0d0d;
--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: #faebeb;
--primary-100: #f4d7d7;
--primary-200: #eaaeae;
--primary-300: #df8686;
--primary-400: #d45e5e;
--primary-500: #c93636;
--primary-600: #a12b2b;
--primary-700: #792020;
--primary-800: #511515;
--primary-900: #280b0b;
--primary-950: #140505;
--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: #f7f7ed;
--secondary-100: #eef0db;
--secondary-200: #dde1b7;
--secondary-300: #cdd293;
--secondary-400: #bcc36f;
--secondary-500: #abb44b;
--secondary-600: #89903c;
--secondary-700: #676c2d;
--secondary-800: #44481e;
--secondary-900: #22240f;
--secondary-950: #111208;
--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: #f2f7ed;
--accent-100: #e5f0db;
--accent-200: #cbe1b7;
--accent-300: #b1d293;
--accent-400: #98c36f;
--accent-500: #7eb44b;
--accent-600: #65903c;
--accent-700: #4b6c2d;
--accent-800: #32481e;
--accent-900: #19240f;
--accent-950: #0d1208;
}