72 lines
1.6 KiB
SCSS
72 lines
1.6 KiB
SCSS
// https://www.realtimecolors.com/
|
|
|
|
:root {
|
|
--text: #030f1a;
|
|
--background: #f4f8fe;
|
|
--primary: #3080e3;
|
|
--secondary: #ee84d0;
|
|
--accent: #e95c68;
|
|
}
|
|
|
|
:root {
|
|
--text-50: #e8f3fc;
|
|
--text-100: #d1e6fa;
|
|
--text-200: #a4cdf4;
|
|
--text-300: #76b5ef;
|
|
--text-400: #489cea;
|
|
--text-500: #1b83e4;
|
|
--text-600: #1569b7;
|
|
--text-700: #104f89;
|
|
--text-800: #0b345b;
|
|
--text-900: #051a2e;
|
|
--text-950: #030d17;
|
|
|
|
--background-50: #e8f0fd;
|
|
--background-100: #d0e1fb;
|
|
--background-200: #a2c4f6;
|
|
--background-300: #73a6f2;
|
|
--background-400: #4488ee;
|
|
--background-500: #166ae9;
|
|
--background-600: #1155bb;
|
|
--background-700: #0d408c;
|
|
--background-800: #092b5d;
|
|
--background-900: #04152f;
|
|
--background-950: #020b17;
|
|
|
|
--primary-50: #e9f1fc;
|
|
--primary-100: #d2e4f9;
|
|
--primary-200: #a5c8f3;
|
|
--primary-300: #78aded;
|
|
--primary-400: #4b91e7;
|
|
--primary-500: #1f76e0;
|
|
--primary-600: #185eb4;
|
|
--primary-700: #124787;
|
|
--primary-800: #0c2f5a;
|
|
--primary-900: #06182d;
|
|
--primary-950: #030c16;
|
|
|
|
--secondary-50: #fce9f6;
|
|
--secondary-100: #f9d2ee;
|
|
--secondary-200: #f3a5dd;
|
|
--secondary-300: #ed78cc;
|
|
--secondary-400: #e74bbb;
|
|
--secondary-500: #e01fa9;
|
|
--secondary-600: #b41888;
|
|
--secondary-700: #871266;
|
|
--secondary-800: #5a0c44;
|
|
--secondary-900: #2d0622;
|
|
--secondary-950: #160311;
|
|
|
|
--accent-50: #fce9ea;
|
|
--accent-100: #f9d2d5;
|
|
--accent-200: #f3a5ac;
|
|
--accent-300: #ed7882;
|
|
--accent-400: #e74b58;
|
|
--accent-500: #e01f2f;
|
|
--accent-600: #b41825;
|
|
--accent-700: #87121c;
|
|
--accent-800: #5a0c13;
|
|
--accent-900: #2d0609;
|
|
--accent-950: #160305;
|
|
}
|