72 lines
1.6 KiB
SCSS
72 lines
1.6 KiB
SCSS
// https://www.realtimecolors.com/
|
|
|
|
:root {
|
|
--text: #0d1416;
|
|
--background: #fdfdfd;
|
|
--primary: #669ca3;
|
|
--secondary: #a5abc9;
|
|
--accent: #8d8cba;
|
|
}
|
|
|
|
:root {
|
|
--text-50: #eff4f6;
|
|
--text-100: #dfe9ec;
|
|
--text-200: #bfd4d9;
|
|
--text-300: #9fbec6;
|
|
--text-400: #7ea8b4;
|
|
--text-500: #5e92a1;
|
|
--text-600: #4b7581;
|
|
--text-700: #395860;
|
|
--text-800: #263b40;
|
|
--text-900: #131d20;
|
|
--text-950: #090f10;
|
|
|
|
--background-50: #f0f5f5;
|
|
--background-100: #e0ebeb;
|
|
--background-200: #c2d6d6;
|
|
--background-300: #a3c2c2;
|
|
--background-400: #85adad;
|
|
--background-500: #669999;
|
|
--background-600: #527a7a;
|
|
--background-700: #3d5c5c;
|
|
--background-800: #293d3d;
|
|
--background-900: #141f1f;
|
|
--background-950: #0a0f0f;
|
|
|
|
--primary-50: #eff5f5;
|
|
--primary-100: #dfeaec;
|
|
--primary-200: #bfd6d9;
|
|
--primary-300: #9fc1c6;
|
|
--primary-400: #80adb3;
|
|
--primary-500: #60989f;
|
|
--primary-600: #4d7a80;
|
|
--primary-700: #395b60;
|
|
--primary-800: #263d40;
|
|
--primary-900: #131e20;
|
|
--primary-950: #0a0f10;
|
|
|
|
--secondary-50: #eff0f5;
|
|
--secondary-100: #dfe1ec;
|
|
--secondary-200: #bfc4d9;
|
|
--secondary-300: #9fa6c6;
|
|
--secondary-400: #8088b3;
|
|
--secondary-500: #606a9f;
|
|
--secondary-600: #4d5580;
|
|
--secondary-700: #394060;
|
|
--secondary-800: #262b40;
|
|
--secondary-900: #131520;
|
|
--secondary-950: #0a0b10;
|
|
|
|
--accent-50: #efeff5;
|
|
--accent-100: #dfdfec;
|
|
--accent-200: #c0bfd9;
|
|
--accent-300: #a09fc6;
|
|
--accent-400: #8080b3;
|
|
--accent-500: #61609f;
|
|
--accent-600: #4d4d80;
|
|
--accent-700: #3a3960;
|
|
--accent-800: #272640;
|
|
--accent-900: #131320;
|
|
--accent-950: #0a0a10;
|
|
}
|