125 lines
3.2 KiB
CSS
125 lines
3.2 KiB
CSS
|
:root[data-theme="light"] {
|
||
|
--text-50: #edf7f5;
|
||
|
--text-100: #dbf0eb;
|
||
|
--text-200: #b8e0d6;
|
||
|
--text-300: #94d1c2;
|
||
|
--text-400: #70c2ad;
|
||
|
--text-500: #4db399;
|
||
|
--text-600: #3d8f7a;
|
||
|
--text-700: #2e6b5c;
|
||
|
--text-800: #1f473d;
|
||
|
--text-900: #0f241f;
|
||
|
--text-950: #08120f;
|
||
|
|
||
|
--background-50: #f0f5f4;
|
||
|
--background-100: #e0ebe8;
|
||
|
--background-200: #c2d6d1;
|
||
|
--background-300: #a3c2ba;
|
||
|
--background-400: #85ada3;
|
||
|
--background-500: #66998c;
|
||
|
--background-600: #527a70;
|
||
|
--background-700: #3d5c54;
|
||
|
--background-800: #293d38;
|
||
|
--background-900: #141f1c;
|
||
|
--background-950: #0a0f0e;
|
||
|
|
||
|
--primary-50: #e8fdf3;
|
||
|
--primary-100: #d0fbe8;
|
||
|
--primary-200: #a1f7d0;
|
||
|
--primary-300: #72f3b9;
|
||
|
--primary-400: #43efa2;
|
||
|
--primary-500: #14eb8a;
|
||
|
--primary-600: #10bc6f;
|
||
|
--primary-700: #000100;
|
||
|
--primary-800: #085e37;
|
||
|
--primary-900: #042f1c;
|
||
|
--primary-950: #02170e;
|
||
|
|
||
|
--secondary-50: #edeff7;
|
||
|
--secondary-100: #dce0ef;
|
||
|
--secondary-200: #b8c1e0;
|
||
|
--secondary-300: #95a2d0;
|
||
|
--secondary-400: #7182c1;
|
||
|
--secondary-500: #4e63b1;
|
||
|
--secondary-600: #3e4f8e;
|
||
|
--secondary-700: #2f3c6a;
|
||
|
--secondary-800: #1f2847;
|
||
|
--secondary-900: #101423;
|
||
|
--secondary-950: #080a12;
|
||
|
|
||
|
--accent-50: #eeedf7;
|
||
|
--accent-100: #dddbf0;
|
||
|
--accent-200: #bcb8e0;
|
||
|
--accent-300: #9a94d1;
|
||
|
--accent-400: #7870c2;
|
||
|
--accent-500: #574db3;
|
||
|
--accent-600: #453d8f;
|
||
|
--accent-700: #342e6b;
|
||
|
--accent-800: #231f47;
|
||
|
--accent-900: #110f24;
|
||
|
--accent-950: #090812;
|
||
|
|
||
|
}
|
||
|
|
||
|
:root[data-theme="dark"] {
|
||
|
--text-50: #08120f;
|
||
|
--text-100: #0f241f;
|
||
|
--text-200: #1f473d;
|
||
|
--text-300: #2e6b5c;
|
||
|
--text-400: #3d8f7a;
|
||
|
--text-500: #4db399;
|
||
|
--text-600: #70c2ad;
|
||
|
--text-700: #94d1c2;
|
||
|
--text-800: #b8e0d6;
|
||
|
--text-900: #dbf0eb;
|
||
|
--text-950: #edf7f5;
|
||
|
|
||
|
--background-50: #0a0f0e;
|
||
|
--background-100: #141f1c;
|
||
|
--background-200: #293d38;
|
||
|
--background-300: #3d5c54;
|
||
|
--background-400: #527a70;
|
||
|
--background-500: #66998c;
|
||
|
--background-600: #85ada3;
|
||
|
--background-700: #a3c2ba;
|
||
|
--background-800: #c2d6d1;
|
||
|
--background-900: #e0ebe8;
|
||
|
--background-950: #f0f5f4;
|
||
|
|
||
|
--primary-50: #02170e;
|
||
|
--primary-100: #042f1c;
|
||
|
--primary-200: #085e37;
|
||
|
--primary-300: #0c8d53;
|
||
|
--primary-400: #10bc6f;
|
||
|
--primary-500: #14eb8a;
|
||
|
--primary-600: #43efa2;
|
||
|
--primary-700: #72f3b9;
|
||
|
--primary-800: #a1f7d0;
|
||
|
--primary-900: #d0fbe8;
|
||
|
--primary-950: #e8fdf3;
|
||
|
|
||
|
--secondary-50: #080a12;
|
||
|
--secondary-100: #101423;
|
||
|
--secondary-200: #1f2847;
|
||
|
--secondary-300: #2f3c6a;
|
||
|
--secondary-400: #3e4f8e;
|
||
|
--secondary-500: #4e63b1;
|
||
|
--secondary-600: #7182c1;
|
||
|
--secondary-700: #95a2d0;
|
||
|
--secondary-800: #b8c1e0;
|
||
|
--secondary-900: #dce0ef;
|
||
|
--secondary-950: #edeff7;
|
||
|
|
||
|
--accent-50: #090812;
|
||
|
--accent-100: #110f24;
|
||
|
--accent-200: #231f47;
|
||
|
--accent-300: #342e6b;
|
||
|
--accent-400: #453d8f;
|
||
|
--accent-500: #574db3;
|
||
|
--accent-600: #7870c2;
|
||
|
--accent-700: #9a94d1;
|
||
|
--accent-800: #bcb8e0;
|
||
|
--accent-900: #dddbf0;
|
||
|
--accent-950: #eeedf7;
|
||
|
}
|