72 lines
1.6 KiB
SCSS
72 lines
1.6 KiB
SCSS
// https://www.realtimecolors.com/
|
|
|
|
:root {
|
|
--text: #020314;
|
|
--background: #fafaff;
|
|
--primary: #1915ef;
|
|
--secondary: #f679ab;
|
|
--accent: #e97a4c;
|
|
}
|
|
|
|
:root {
|
|
--text-50: #e8e9fd;
|
|
--text-100: #d1d3fa;
|
|
--text-200: #a2a6f6;
|
|
--text-300: #747af1;
|
|
--text-400: #454eed;
|
|
--text-500: #1721e8;
|
|
--text-600: #121bba;
|
|
--text-700: #0e148b;
|
|
--text-800: #090d5d;
|
|
--text-900: #05072e;
|
|
--text-950: #020317;
|
|
|
|
--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: #e8e7fd;
|
|
--primary-100: #d0cffc;
|
|
--primary-200: #a1a0f8;
|
|
--primary-300: #7270f5;
|
|
--primary-400: #4340f2;
|
|
--primary-500: #1411ee;
|
|
--primary-600: #100dbf;
|
|
--primary-700: #0c0a8f;
|
|
--primary-800: #08075f;
|
|
--primary-900: #040330;
|
|
--primary-950: #020218;
|
|
|
|
--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: #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;
|
|
}
|