72 lines
1.6 KiB
SCSS
72 lines
1.6 KiB
SCSS
// https://www.realtimecolors.com/
|
|
|
|
:root {
|
|
--text: #190707;
|
|
--background: #fdfdfd;
|
|
--primary: #ce4748;
|
|
--secondary: #bdc1af;
|
|
--accent: #97aa91;
|
|
}
|
|
|
|
:root {
|
|
--text-50: #f9ebeb;
|
|
--text-100: #f4d7d7;
|
|
--text-200: #e9afaf;
|
|
--text-300: #dd8888;
|
|
--text-400: #d26060;
|
|
--text-500: #c73838;
|
|
--text-600: #9f2d2d;
|
|
--text-700: #772222;
|
|
--text-800: #501616;
|
|
--text-900: #280b0b;
|
|
--text-950: #140606;
|
|
|
|
--background-50: #f2f2f2;
|
|
--background-100: #e6e6e6;
|
|
--background-200: #cccccc;
|
|
--background-300: #b3b3b3;
|
|
--background-400: #999999;
|
|
--background-500: #808080;
|
|
--background-600: #666666;
|
|
--background-700: #4d4d4d;
|
|
--background-800: #333333;
|
|
--background-900: #1a1a1a;
|
|
--background-950: #0d0d0d;
|
|
|
|
--primary-50: #faebeb;
|
|
--primary-100: #f4d7d7;
|
|
--primary-200: #eaaeae;
|
|
--primary-300: #df8686;
|
|
--primary-400: #d45e5e;
|
|
--primary-500: #c93636;
|
|
--primary-600: #a12b2b;
|
|
--primary-700: #792020;
|
|
--primary-800: #511515;
|
|
--primary-900: #280b0b;
|
|
--primary-950: #140505;
|
|
|
|
--secondary-50: #f3f4f1;
|
|
--secondary-100: #e7e9e2;
|
|
--secondary-200: #d0d3c5;
|
|
--secondary-300: #b8bca9;
|
|
--secondary-400: #a1a68c;
|
|
--secondary-500: #89906f;
|
|
--secondary-600: #6e7359;
|
|
--secondary-700: #525643;
|
|
--secondary-800: #373a2c;
|
|
--secondary-900: #1b1d16;
|
|
--secondary-950: #0e0e0b;
|
|
|
|
--accent-50: #f1f4f1;
|
|
--accent-100: #e4e9e2;
|
|
--accent-200: #c8d3c5;
|
|
--accent-300: #adbca9;
|
|
--accent-400: #92a68c;
|
|
--accent-500: #77906f;
|
|
--accent-600: #5f7359;
|
|
--accent-700: #475643;
|
|
--accent-800: #2f3a2c;
|
|
--accent-900: #181d16;
|
|
--accent-950: #0c0e0b;
|
|
}
|