@aegisjsproject/styles/css/palette.css

Pre-made and reusable styles for `@aegisjsproject/core`

@property --red-100 {
			syntax: "<color>";
			inherits: true;
			initial-value: #f8d7da;
		}
@property --red-200 {
			syntax: "<color>";
			inherits: true;
			initial-value: #f1aeb5;
		}
@property --red-300 {
			syntax: "<color>";
			inherits: true;
			initial-value: #ea868f;
		}
@property --red-400 {
			syntax: "<color>";
			inherits: true;
			initial-value: #e35d6a;
		}
@property --red-500 {
			syntax: "<color>";
			inherits: true;
			initial-value: #dc3545;
		}
@property --red-600 {
			syntax: "<color>";
			inherits: true;
			initial-value: #b02a37;
		}
@property --red-700 {
			syntax: "<color>";
			inherits: true;
			initial-value: #842029;
		}
@property --red-800 {
			syntax: "<color>";
			inherits: true;
			initial-value: #58151c;
		}
@property --red-900 {
			syntax: "<color>";
			inherits: true;
			initial-value: #2c0b0e;
		}
@property --blue-100 {
			syntax: "<color>";
			inherits: true;
			initial-value: #cfe2ff;
		}
@property --blue-200 {
			syntax: "<color>";
			inherits: true;
			initial-value: #9ec5fe;
		}
@property --blue-300 {
			syntax: "<color>";
			inherits: true;
			initial-value: #6ea8fe;
		}
@property --blue-400 {
			syntax: "<color>";
			inherits: true;
			initial-value: #3d8bfd;
		}
@property --blue-500 {
			syntax: "<color>";
			inherits: true;
			initial-value: #0d6efd;
		}
@property --blue-600 {
			syntax: "<color>";
			inherits: true;
			initial-value: #0a58ca;
		}
@property --blue-700 {
			syntax: "<color>";
			inherits: true;
			initial-value: #084298;
		}
@property --blue-800 {
			syntax: "<color>";
			inherits: true;
			initial-value: #052c65;
		}
@property --blue-900 {
			syntax: "<color>";
			inherits: true;
			initial-value: #031633;
		}
@property --indigo-100 {
			syntax: "<color>";
			inherits: true;
			initial-value: #e0cffc;
		}
@property --indigo-200 {
			syntax: "<color>";
			inherits: true;
			initial-value: #c29ffa;
		}
@property --indigo-300 {
			syntax: "<color>";
			inherits: true;
			initial-value: #a370f7;
		}
@property --indigo-400 {
			syntax: "<color>";
			inherits: true;
			initial-value: #8540f5;
		}
@property --indigo-500 {
			syntax: "<color>";
			inherits: true;
			initial-value: #6610f2;
		}
@property --indigo-600 {
			syntax: "<color>";
			inherits: true;
			initial-value: #520dc2;
		}
@property --indigo-700 {
			syntax: "<color>";
			inherits: true;
			initial-value: #3d0a91;
		}
@property --indigo-800 {
			syntax: "<color>";
			inherits: true;
			initial-value: #290661;
		}
@property --indigo-900 {
			syntax: "<color>";
			inherits: true;
			initial-value: #140330;
		}
@property --purple-100 {
			syntax: "<color>";
			inherits: true;
			initial-value: #e2d9f3;
		}
@property --purple-200 {
			syntax: "<color>";
			inherits: true;
			initial-value: #c5b3e6;
		}
@property --purple-300 {
			syntax: "<color>";
			inherits: true;
			initial-value: #a98eda;
		}
@property --purple-400 {
			syntax: "<color>";
			inherits: true;
			initial-value: #8c68cd;
		}
@property --purple-500 {
			syntax: "<color>";
			inherits: true;
			initial-value: #6f42c1;
		}
@property --purple-600 {
			syntax: "<color>";
			inherits: true;
			initial-value: #59359a;
		}
@property --purple-700 {
			syntax: "<color>";
			inherits: true;
			initial-value: #432874;
		}
@property --purple-800 {
			syntax: "<color>";
			inherits: true;
			initial-value: #2c1a4d;
		}
@property --purple-900 {
			syntax: "<color>";
			inherits: true;
			initial-value: #160d27;
		}
@property --pink-100 {
			syntax: "<color>";
			inherits: true;
			initial-value: #f7d6e6;
		}
@property --pink-200 {
			syntax: "<color>";
			inherits: true;
			initial-value: #efadce;
		}
@property --pink-300 {
			syntax: "<color>";
			inherits: true;
			initial-value: #e685b5;
		}
@property --pink-400 {
			syntax: "<color>";
			inherits: true;
			initial-value: #de5c9d;
		}
@property --pink-500 {
			syntax: "<color>";
			inherits: true;
			initial-value: #d63384;
		}
@property --pink-600 {
			syntax: "<color>";
			inherits: true;
			initial-value: #ab296a;
		}
@property --pink-700 {
			syntax: "<color>";
			inherits: true;
			initial-value: #801f4f;
		}
@property --pink-800 {
			syntax: "<color>";
			inherits: true;
			initial-value: #561435;
		}
@property --pink-900 {
			syntax: "<color>";
			inherits: true;
			initial-value: #2b0a1a;
		}
@property --orange-100 {
			syntax: "<color>";
			inherits: true;
			initial-value: #ffe5d0;
		}
@property --orange-200 {
			syntax: "<color>";
			inherits: true;
			initial-value: #fecba1;
		}
@property --orange-300 {
			syntax: "<color>";
			inherits: true;
			initial-value: #feb272;
		}
@property --orange-400 {
			syntax: "<color>";
			inherits: true;
			initial-value: #fd9843;
		}
@property --orange-500 {
			syntax: "<color>";
			inherits: true;
			initial-value: #fd7e14;
		}
@property --orange-600 {
			syntax: "<color>";
			inherits: true;
			initial-value: #ca6510;
		}
@property --orange-700 {
			syntax: "<color>";
			inherits: true;
			initial-value: #984c0c;
		}
@property --orange-800 {
			syntax: "<color>";
			inherits: true;
			initial-value: #653208;
		}
@property --orange-900 {
			syntax: "<color>";
			inherits: true;
			initial-value: #331904;
		}
@property --yellow-100 {
			syntax: "<color>";
			inherits: true;
			initial-value: #fff3cd;
		}
@property --yellow-200 {
			syntax: "<color>";
			inherits: true;
			initial-value: #ffe69c;
		}
@property --yellow-300 {
			syntax: "<color>";
			inherits: true;
			initial-value: #ffda6a;
		}
@property --yellow-400 {
			syntax: "<color>";
			inherits: true;
			initial-value: #ffcd39;
		}
@property --yellow-500 {
			syntax: "<color>";
			inherits: true;
			initial-value: #ffc107;
		}
@property --yellow-600 {
			syntax: "<color>";
			inherits: true;
			initial-value: #cc9a06;
		}
@property --yellow-700 {
			syntax: "<color>";
			inherits: true;
			initial-value: #997404;
		}
@property --yellow-800 {
			syntax: "<color>";
			inherits: true;
			initial-value: #664d03;
		}
@property --yellow-900 {
			syntax: "<color>";
			inherits: true;
			initial-value: #332701;
		}
@property --teal-100 {
			syntax: "<color>";
			inherits: true;
			initial-value: #d2f4ea;
		}
@property --teal-200 {
			syntax: "<color>";
			inherits: true;
			initial-value: #a6e9d5;
		}
@property --teal-300 {
			syntax: "<color>";
			inherits: true;
			initial-value: #79dfc1;
		}
@property --teal-400 {
			syntax: "<color>";
			inherits: true;
			initial-value: #4dd4ac;
		}
@property --teal-500 {
			syntax: "<color>";
			inherits: true;
			initial-value: #20c997;
		}
@property --teal-600 {
			syntax: "<color>";
			inherits: true;
			initial-value: #1aa179;
		}
@property --teal-700 {
			syntax: "<color>";
			inherits: true;
			initial-value: #13795b;
		}
@property --teal-800 {
			syntax: "<color>";
			inherits: true;
			initial-value: #0d503c;
		}
@property --teal-900 {
			syntax: "<color>";
			inherits: true;
			initial-value: #06281e;
		}
@property --green-100 {
			syntax: "<color>";
			inherits: true;
			initial-value: #d1e7dd;
		}
@property --green-200 {
			syntax: "<color>";
			inherits: true;
			initial-value: #a3cfbb;
		}
@property --green-300 {
			syntax: "<color>";
			inherits: true;
			initial-value: #75b798;
		}
@property --green-400 {
			syntax: "<color>";
			inherits: true;
			initial-value: #479f76;
		}
@property --green-500 {
			syntax: "<color>";
			inherits: true;
			initial-value: #198754;
		}
@property --green-600 {
			syntax: "<color>";
			inherits: true;
			initial-value: #146c43;
		}
@property --green-700 {
			syntax: "<color>";
			inherits: true;
			initial-value: #0f5132;
		}
@property --green-800 {
			syntax: "<color>";
			inherits: true;
			initial-value: #0a3622;
		}
@property --green-900 {
			syntax: "<color>";
			inherits: true;
			initial-value: #051b11;
		}
@property --cyan-100 {
			syntax: "<color>";
			inherits: true;
			initial-value: #cff4fc;
		}
@property --cyan-200 {
			syntax: "<color>";
			inherits: true;
			initial-value: #9eeaf9;
		}
@property --cyan-300 {
			syntax: "<color>";
			inherits: true;
			initial-value: #6edff6;
		}
@property --cyan-400 {
			syntax: "<color>";
			inherits: true;
			initial-value: #3dd5f3;
		}
@property --cyan-500 {
			syntax: "<color>";
			inherits: true;
			initial-value: #0dcaf0;
		}
@property --cyan-600 {
			syntax: "<color>";
			inherits: true;
			initial-value: #0aa2c0;
		}
@property --cyan-700 {
			syntax: "<color>";
			inherits: true;
			initial-value: #087990;
		}
@property --cyan-800 {
			syntax: "<color>";
			inherits: true;
			initial-value: #055160;
		}
@property --cyan-900 {
			syntax: "<color>";
			inherits: true;
			initial-value: #032830;
		}
@property --gray-100 {
			syntax: "<color>";
			inherits: true;
			initial-value: #f8f9fa;
		}
@property --gray-200 {
			syntax: "<color>";
			inherits: true;
			initial-value: #e9ecef;
		}
@property --gray-300 {
			syntax: "<color>";
			inherits: true;
			initial-value: #dee2e6;
		}
@property --gray-400 {
			syntax: "<color>";
			inherits: true;
			initial-value: #ced4da;
		}
@property --gray-500 {
			syntax: "<color>";
			inherits: true;
			initial-value: #adb5bd;
		}
@property --gray-600 {
			syntax: "<color>";
			inherits: true;
			initial-value: #6c757d;
		}
@property --gray-700 {
			syntax: "<color>";
			inherits: true;
			initial-value: #495057;
		}
@property --gray-800 {
			syntax: "<color>";
			inherits: true;
			initial-value: #343a40;
		}
@property --gray-900 {
			syntax: "<color>";
			inherits: true;
			initial-value: #212529;
		}