72 lines
1.6 KiB
SCSS
72 lines
1.6 KiB
SCSS
// https://www.realtimecolors.com/
|
|
|
|
:root {
|
|
--text: #060208;
|
|
--background: #fefdff;
|
|
--primary: #41255f;
|
|
--secondary: #d086bb;
|
|
--accent: #963c64;
|
|
}
|
|
|
|
:root {
|
|
--text-50: #f5ebfa;
|
|
--text-100: #ebd6f5;
|
|
--text-200: #d6adeb;
|
|
--text-300: #c285e0;
|
|
--text-400: #ad5cd6;
|
|
--text-500: #9933cc;
|
|
--text-600: #7a29a3;
|
|
--text-700: #5c1f7a;
|
|
--text-800: #3d1452;
|
|
--text-900: #1f0a29;
|
|
--text-950: #0f0514;
|
|
|
|
--background-50: #f2e5ff;
|
|
--background-100: #e5ccff;
|
|
--background-200: #cc99ff;
|
|
--background-300: #b266ff;
|
|
--background-400: #9933ff;
|
|
--background-500: #7f00ff;
|
|
--background-600: #6600cc;
|
|
--background-700: #4c0099;
|
|
--background-800: #330066;
|
|
--background-900: #190033;
|
|
--background-950: #0d001a;
|
|
|
|
--primary-50: #f2edf8;
|
|
--primary-100: #e5daf1;
|
|
--primary-200: #cbb6e2;
|
|
--primary-300: #b191d4;
|
|
--primary-400: #986cc6;
|
|
--primary-500: #7e47b8;
|
|
--primary-600: #653993;
|
|
--primary-700: #4b2b6e;
|
|
--primary-800: #321d49;
|
|
--primary-900: #190e25;
|
|
--primary-950: #0d0712;
|
|
|
|
--secondary-50: #f8edf5;
|
|
--secondary-100: #f1daea;
|
|
--secondary-200: #e2b6d6;
|
|
--secondary-300: #d491c1;
|
|
--secondary-400: #c66cac;
|
|
--secondary-500: #b84798;
|
|
--secondary-600: #933979;
|
|
--secondary-700: #6e2b5b;
|
|
--secondary-800: #491d3d;
|
|
--secondary-900: #250e1e;
|
|
--secondary-950: #12070f;
|
|
|
|
--accent-50: #f8edf2;
|
|
--accent-100: #f0dbe4;
|
|
--accent-200: #e2b6ca;
|
|
--accent-300: #d392af;
|
|
--accent-400: #c56d95;
|
|
--accent-500: #b6497a;
|
|
--accent-600: #923a62;
|
|
--accent-700: #6d2c49;
|
|
--accent-800: #491d31;
|
|
--accent-900: #240f18;
|
|
--accent-950: #12070c;
|
|
}
|