72 lines
1.6 KiB
SCSS
72 lines
1.6 KiB
SCSS
// https://www.realtimecolors.com/
|
|
|
|
:root {
|
|
--text: #110807;
|
|
--background: #fdfdfd;
|
|
--primary: #ce4748;
|
|
--secondary: #ced396;
|
|
--accent: #9fc779;
|
|
}
|
|
|
|
:root {
|
|
--text-50: #f8eeed;
|
|
--text-100: #f0dddb;
|
|
--text-200: #e1bbb7;
|
|
--text-300: #d39992;
|
|
--text-400: #c4776e;
|
|
--text-500: #b5554a;
|
|
--text-600: #91443b;
|
|
--text-700: #6d332c;
|
|
--text-800: #48221e;
|
|
--text-900: #24110f;
|
|
--text-950: #120807;
|
|
|
|
--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: #f7f7ed;
|
|
--secondary-100: #eef0db;
|
|
--secondary-200: #dde1b7;
|
|
--secondary-300: #cdd293;
|
|
--secondary-400: #bcc36f;
|
|
--secondary-500: #abb44b;
|
|
--secondary-600: #89903c;
|
|
--secondary-700: #676c2d;
|
|
--secondary-800: #44481e;
|
|
--secondary-900: #22240f;
|
|
--secondary-950: #111208;
|
|
|
|
--accent-50: #f2f7ed;
|
|
--accent-100: #e5f0db;
|
|
--accent-200: #cbe1b7;
|
|
--accent-300: #b1d293;
|
|
--accent-400: #98c36f;
|
|
--accent-500: #7eb44b;
|
|
--accent-600: #65903c;
|
|
--accent-700: #4b6c2d;
|
|
--accent-800: #32481e;
|
|
--accent-900: #19240f;
|
|
--accent-950: #0d1208;
|
|
}
|