Skip to content

Instantly share code, notes, and snippets.

@craftzdog
Created September 2, 2024 06:36
Show Gist options
  • Save craftzdog/edb026500cdec98b9a58c8fc66c85ed7 to your computer and use it in GitHub Desktop.
Save craftzdog/edb026500cdec98b9a58c8fc66c85ed7 to your computer and use it in GitHub Desktop.
Color palette tokens
@layer tokens {
:where(:root, :host) {
--font-weights-thin: 100;
--font-weights-extralight: 200;
--font-weights-light: 300;
--font-weights-normal: 400;
--font-weights-medium: 500;
--font-weights-semibold: 600;
--font-weights-bold: 700;
--font-weights-extrabold: 800;
--font-weights-black: 900;
--color-current: currentColor;
--color-black: #000;
--color-white: #fff;
--color-transparent: rgb(0 0 0 / 0);
--hsl-black: 0deg 0% 0%;
--hsl-white: 0deg 100% 100%;
--hsl-rose-50: 356deg 100% 97%;
--hsl-rose-100: 356deg 100% 95%;
--hsl-rose-200: 353deg 96% 90%;
--hsl-rose-300: 353deg 96% 82%;
--hsl-rose-400: 351deg 95% 71%;
--hsl-rose-500: 350deg 89% 60%;
--hsl-rose-600: 347deg 77% 50%;
--hsl-rose-700: 345deg 83% 41%;
--hsl-rose-800: 343deg 80% 35%;
--hsl-rose-900: 342deg 75% 30%;
--hsl-rose-950: 343deg 88% 16%;
--hsl-pink-50: 327deg 73% 97%;
--hsl-pink-100: 326deg 78% 95%;
--hsl-pink-200: 326deg 85% 90%;
--hsl-pink-300: 327deg 87% 82%;
--hsl-pink-400: 329deg 86% 70%;
--hsl-pink-500: 330deg 81% 60%;
--hsl-pink-600: 333deg 71% 51%;
--hsl-pink-700: 335deg 78% 42%;
--hsl-pink-800: 336deg 74% 35%;
--hsl-pink-900: 336deg 69% 30%;
--hsl-pink-950: 336deg 84% 17%;
--hsl-fuchsia-50: 289deg 100% 98%;
--hsl-fuchsia-100: 287deg 100% 95%;
--hsl-fuchsia-200: 288deg 96% 91%;
--hsl-fuchsia-300: 291deg 93% 83%;
--hsl-fuchsia-400: 292deg 91% 73%;
--hsl-fuchsia-500: 292deg 84% 61%;
--hsl-fuchsia-600: 293deg 69% 49%;
--hsl-fuchsia-700: 295deg 72% 40%;
--hsl-fuchsia-800: 295deg 70% 33%;
--hsl-fuchsia-900: 297deg 64% 28%;
--hsl-fuchsia-950: 297deg 90% 16%;
--hsl-purple-50: 270deg 100% 98%;
--hsl-purple-100: 269deg 100% 95%;
--hsl-purple-200: 269deg 100% 92%;
--hsl-purple-300: 269deg 97% 85%;
--hsl-purple-400: 270deg 95% 75%;
--hsl-purple-500: 271deg 91% 65%;
--hsl-purple-600: 271deg 81% 56%;
--hsl-purple-700: 272deg 72% 47%;
--hsl-purple-800: 273deg 67% 39%;
--hsl-purple-900: 274deg 66% 32%;
--hsl-purple-950: 274deg 87% 21%;
--hsl-violet-50: 250deg 100% 98%;
--hsl-violet-100: 251deg 91% 95%;
--hsl-violet-200: 251deg 95% 92%;
--hsl-violet-300: 252deg 95% 85%;
--hsl-violet-400: 255deg 92% 76%;
--hsl-violet-500: 258deg 90% 66%;
--hsl-violet-600: 262deg 83% 58%;
--hsl-violet-700: 263deg 70% 50%;
--hsl-violet-800: 263deg 69% 42%;
--hsl-violet-900: 264deg 67% 35%;
--hsl-violet-950: 261deg 73% 23%;
--hsl-indigo-50: 226deg 100% 97%;
--hsl-indigo-100: 226deg 100% 94%;
--hsl-indigo-200: 228deg 96% 89%;
--hsl-indigo-300: 230deg 94% 82%;
--hsl-indigo-400: 234deg 89% 74%;
--hsl-indigo-500: 239deg 84% 67%;
--hsl-indigo-600: 243deg 75% 59%;
--hsl-indigo-700: 245deg 58% 51%;
--hsl-indigo-800: 244deg 55% 41%;
--hsl-indigo-900: 242deg 47% 34%;
--hsl-indigo-950: 244deg 47% 20%;
--hsl-blue-50: 214deg 100% 97%;
--hsl-blue-100: 214deg 95% 93%;
--hsl-blue-200: 213deg 97% 87%;
--hsl-blue-300: 212deg 96% 78%;
--hsl-blue-400: 213deg 94% 68%;
--hsl-blue-500: 217deg 91% 60%;
--hsl-blue-600: 221deg 83% 53%;
--hsl-blue-700: 224deg 76% 48%;
--hsl-blue-800: 226deg 71% 40%;
--hsl-blue-900: 224deg 64% 33%;
--hsl-blue-950: 226deg 57% 21%;
--hsl-sky-50: 204deg 100% 97%;
--hsl-sky-100: 204deg 94% 94%;
--hsl-sky-200: 201deg 94% 86%;
--hsl-sky-300: 199deg 95% 74%;
--hsl-sky-400: 198deg 93% 60%;
--hsl-sky-500: 199deg 89% 48%;
--hsl-sky-600: 200deg 98% 39%;
--hsl-sky-700: 201deg 96% 32%;
--hsl-sky-800: 201deg 90% 27%;
--hsl-sky-900: 202deg 80% 24%;
--hsl-sky-950: 204deg 80% 16%;
--hsl-cyan-50: 183deg 100% 96%;
--hsl-cyan-100: 185deg 96% 90%;
--hsl-cyan-200: 186deg 94% 82%;
--hsl-cyan-300: 187deg 92% 69%;
--hsl-cyan-400: 188deg 86% 53%;
--hsl-cyan-500: 189deg 94% 43%;
--hsl-cyan-600: 192deg 91% 36%;
--hsl-cyan-700: 193deg 82% 31%;
--hsl-cyan-800: 194deg 70% 27%;
--hsl-cyan-900: 196deg 64% 24%;
--hsl-cyan-950: 197deg 79% 15%;
--hsl-teal-50: 166deg 76% 97%;
--hsl-teal-100: 167deg 85% 89%;
--hsl-teal-200: 168deg 84% 78%;
--hsl-teal-300: 171deg 77% 64%;
--hsl-teal-400: 172deg 66% 50%;
--hsl-teal-500: 173deg 80% 40%;
--hsl-teal-600: 175deg 84% 32%;
--hsl-teal-700: 175deg 77% 26%;
--hsl-teal-800: 176deg 69% 22%;
--hsl-teal-900: 176deg 61% 19%;
--hsl-teal-950: 179deg 84% 10%;
--hsl-emerald-50: 152deg 81% 96%;
--hsl-emerald-100: 149deg 80% 90%;
--hsl-emerald-200: 152deg 76% 80%;
--hsl-emerald-300: 156deg 72% 67%;
--hsl-emerald-400: 158deg 64% 52%;
--hsl-emerald-500: 160deg 84% 39%;
--hsl-emerald-600: 161deg 94% 30%;
--hsl-emerald-700: 163deg 94% 24%;
--hsl-emerald-800: 163deg 88% 20%;
--hsl-emerald-900: 164deg 86% 16%;
--hsl-emerald-950: 166deg 91% 9%;
--hsl-green-50: 138deg 76% 97%;
--hsl-green-100: 141deg 84% 93%;
--hsl-green-200: 141deg 79% 85%;
--hsl-green-300: 142deg 77% 73%;
--hsl-green-400: 142deg 69% 58%;
--hsl-green-500: 142deg 71% 45%;
--hsl-green-600: 142deg 76% 36%;
--hsl-green-700: 142deg 72% 29%;
--hsl-green-800: 143deg 64% 24%;
--hsl-green-900: 144deg 61% 20%;
--hsl-green-950: 145deg 80% 10%;
--hsl-lime-50: 78deg 92% 95%;
--hsl-lime-100: 80deg 89% 89%;
--hsl-lime-200: 81deg 88% 80%;
--hsl-lime-300: 82deg 85% 67%;
--hsl-lime-400: 83deg 78% 55%;
--hsl-lime-500: 84deg 81% 44%;
--hsl-lime-600: 85deg 85% 35%;
--hsl-lime-700: 86deg 78% 27%;
--hsl-lime-800: 86deg 69% 23%;
--hsl-lime-900: 88deg 61% 20%;
--hsl-lime-950: 89deg 80% 10%;
--hsl-yellow-50: 55deg 92% 95%;
--hsl-yellow-100: 55deg 97% 88%;
--hsl-yellow-200: 53deg 98% 77%;
--hsl-yellow-300: 50deg 98% 64%;
--hsl-yellow-400: 48deg 96% 53%;
--hsl-yellow-500: 45deg 93% 47%;
--hsl-yellow-600: 41deg 96% 40%;
--hsl-yellow-700: 35deg 92% 33%;
--hsl-yellow-800: 32deg 81% 29%;
--hsl-yellow-900: 28deg 73% 26%;
--hsl-yellow-950: 26deg 83% 14%;
--hsl-amber-50: 48deg 100% 96%;
--hsl-amber-100: 48deg 96% 89%;
--hsl-amber-200: 48deg 97% 77%;
--hsl-amber-300: 46deg 97% 65%;
--hsl-amber-400: 43deg 96% 56%;
--hsl-amber-500: 38deg 92% 50%;
--hsl-amber-600: 32deg 95% 44%;
--hsl-amber-700: 26deg 90% 37%;
--hsl-amber-800: 23deg 83% 31%;
--hsl-amber-900: 22deg 78% 26%;
--hsl-amber-950: 21deg 92% 14%;
--hsl-orange-50: 33deg 100% 96%;
--hsl-orange-100: 34deg 100% 92%;
--hsl-orange-200: 32deg 98% 83%;
--hsl-orange-300: 31deg 97% 72%;
--hsl-orange-400: 27deg 96% 61%;
--hsl-orange-500: 25deg 95% 53%;
--hsl-orange-600: 21deg 90% 48%;
--hsl-orange-700: 17deg 88% 40%;
--hsl-orange-800: 15deg 79% 34%;
--hsl-orange-900: 15deg 75% 28%;
--hsl-orange-950: 13deg 81% 15%;
--hsl-red-50: 0deg 86% 97%;
--hsl-red-100: 0deg 93% 94%;
--hsl-red-200: 0deg 96% 89%;
--hsl-red-300: 0deg 94% 82%;
--hsl-red-400: 0deg 91% 71%;
--hsl-red-500: 0deg 84% 60%;
--hsl-red-600: 0deg 72% 51%;
--hsl-red-700: 0deg 74% 42%;
--hsl-red-800: 0deg 70% 35%;
--hsl-red-900: 0deg 63% 31%;
--hsl-red-950: 0deg 75% 15%;
--hsl-neutral-50: 0deg 0% 98%;
--hsl-neutral-100: 0deg 0% 96%;
--hsl-neutral-200: 0deg 0% 90%;
--hsl-neutral-300: 0deg 0% 83%;
--hsl-neutral-400: 0deg 0% 64%;
--hsl-neutral-500: 0deg 0% 45%;
--hsl-neutral-600: 0deg 0% 32%;
--hsl-neutral-700: 0deg 0% 25%;
--hsl-neutral-800: 0deg 0% 15%;
--hsl-neutral-900: 0deg 0% 9%;
--hsl-neutral-950: 0deg 0% 4%;
--hsl-stone-50: 60deg 9% 98%;
--hsl-stone-100: 60deg 5% 96%;
--hsl-stone-200: 20deg 6% 90%;
--hsl-stone-300: 24deg 6% 83%;
--hsl-stone-400: 24deg 5% 64%;
--hsl-stone-500: 25deg 5% 45%;
--hsl-stone-600: 33deg 5% 32%;
--hsl-stone-700: 30deg 6% 25%;
--hsl-stone-800: 12deg 6% 15%;
--hsl-stone-900: 24deg 10% 10%;
--hsl-stone-950: 20deg 14% 4%;
--hsl-zinc-50: 0deg 0% 98%;
--hsl-zinc-100: 240deg 5% 96%;
--hsl-zinc-200: 240deg 6% 90%;
--hsl-zinc-300: 240deg 5% 84%;
--hsl-zinc-400: 240deg 5% 65%;
--hsl-zinc-500: 240deg 4% 46%;
--hsl-zinc-600: 240deg 5% 34%;
--hsl-zinc-700: 240deg 5% 26%;
--hsl-zinc-800: 240deg 4% 16%;
--hsl-zinc-900: 240deg 6% 10%;
--hsl-zinc-950: 240deg 10% 4%;
--hsl-gray-50: 210deg 20% 98%;
--hsl-gray-100: 220deg 14% 96%;
--hsl-gray-200: 220deg 13% 91%;
--hsl-gray-300: 216deg 12% 84%;
--hsl-gray-400: 218deg 11% 65%;
--hsl-gray-500: 220deg 9% 46%;
--hsl-gray-600: 215deg 14% 34%;
--hsl-gray-700: 217deg 19% 27%;
--hsl-gray-800: 215deg 28% 17%;
--hsl-gray-900: 221deg 39% 11%;
--hsl-gray-950: 224deg 71% 4%;
--hsl-slate-50: 210deg 40% 98%;
--hsl-slate-100: 210deg 40% 96%;
--hsl-slate-200: 214deg 32% 91%;
--hsl-slate-300: 213deg 27% 84%;
--hsl-slate-400: 215deg 20% 65%;
--hsl-slate-500: 215deg 16% 47%;
--hsl-slate-600: 215deg 19% 35%;
--hsl-slate-700: 215deg 25% 27%;
--hsl-slate-800: 217deg 33% 17%;
--hsl-slate-900: 222deg 47% 11%;
--hsl-slate-950: 229deg 84% 5%;
--color-rose-50: hsl(var(--hsl-rose-50));
--color-rose-100: hsl(var(--hsl-rose-100));
--color-rose-200: hsl(var(--hsl-rose-200));
--color-rose-300: hsl(var(--hsl-rose-300));
--color-rose-400: hsl(var(--hsl-rose-400));
--color-rose-500: hsl(var(--hsl-rose-500));
--color-rose-600: hsl(var(--hsl-rose-600));
--color-rose-700: hsl(var(--hsl-rose-700));
--color-rose-800: hsl(var(--hsl-rose-800));
--color-rose-900: hsl(var(--hsl-rose-900));
--color-rose-950: hsl(var(--hsl-rose-950));
--color-pink-50: hsl(var(--hsl-pink-50));
--color-pink-100: hsl(var(--hsl-pink-100));
--color-pink-200: hsl(var(--hsl-pink-200));
--color-pink-300: hsl(var(--hsl-pink-300));
--color-pink-400: hsl(var(--hsl-pink-400));
--color-pink-500: hsl(var(--hsl-pink-500));
--color-pink-600: hsl(var(--hsl-pink-600));
--color-pink-700: hsl(var(--hsl-pink-700));
--color-pink-800: hsl(var(--hsl-pink-800));
--color-pink-900: hsl(var(--hsl-pink-900));
--color-pink-950: hsl(var(--hsl-pink-950));
--color-fuchsia-50: hsl(var(--hsl-fuchsia-50));
--color-fuchsia-100: hsl(var(--hsl-fuchsia-100));
--color-fuchsia-200: hsl(var(--hsl-fuchsia-200));
--color-fuchsia-300: hsl(var(--hsl-fuchsia-300));
--color-fuchsia-400: hsl(var(--hsl-fuchsia-400));
--color-fuchsia-500: hsl(var(--hsl-fuchsia-500));
--color-fuchsia-600: hsl(var(--hsl-fuchsia-600));
--color-fuchsia-700: hsl(var(--hsl-fuchsia-700));
--color-fuchsia-800: hsl(var(--hsl-fuchsia-800));
--color-fuchsia-900: hsl(var(--hsl-fuchsia-900));
--color-fuchsia-950: hsl(var(--hsl-fuchsia-950));
--color-purple-50: hsl(var(--hsl-purple-50));
--color-purple-100: hsl(var(--hsl-purple-100));
--color-purple-200: hsl(var(--hsl-purple-200));
--color-purple-300: hsl(var(--hsl-purple-300));
--color-purple-400: hsl(var(--hsl-purple-400));
--color-purple-500: hsl(var(--hsl-purple-500));
--color-purple-600: hsl(var(--hsl-purple-600));
--color-purple-700: hsl(var(--hsl-purple-700));
--color-purple-800: hsl(var(--hsl-purple-800));
--color-purple-900: hsl(var(--hsl-purple-900));
--color-purple-950: hsl(var(--hsl-purple-950));
--color-violet-50: hsl(var(--hsl-violet-50));
--color-violet-100: hsl(var(--hsl-violet-100));
--color-violet-200: hsl(var(--hsl-violet-200));
--color-violet-300: hsl(var(--hsl-violet-300));
--color-violet-400: hsl(var(--hsl-violet-400));
--color-violet-500: hsl(var(--hsl-violet-500));
--color-violet-600: hsl(var(--hsl-violet-600));
--color-violet-700: hsl(var(--hsl-violet-700));
--color-violet-800: hsl(var(--hsl-violet-800));
--color-violet-900: hsl(var(--hsl-violet-900));
--color-violet-950: hsl(var(--hsl-violet-950));
--color-indigo-50: hsl(var(--hsl-indigo-50));
--color-indigo-100: hsl(var(--hsl-indigo-100));
--color-indigo-200: hsl(var(--hsl-indigo-200));
--color-indigo-300: hsl(var(--hsl-indigo-300));
--color-indigo-400: hsl(var(--hsl-indigo-400));
--color-indigo-500: hsl(var(--hsl-indigo-500));
--color-indigo-600: hsl(var(--hsl-indigo-600));
--color-indigo-700: hsl(var(--hsl-indigo-700));
--color-indigo-800: hsl(var(--hsl-indigo-800));
--color-indigo-900: hsl(var(--hsl-indigo-900));
--color-indigo-950: hsl(var(--hsl-indigo-950));
--color-blue-50: hsl(var(--hsl-blue-50));
--color-blue-100: hsl(var(--hsl-blue-100));
--color-blue-200: hsl(var(--hsl-blue-200));
--color-blue-300: hsl(var(--hsl-blue-300));
--color-blue-400: hsl(var(--hsl-blue-400));
--color-blue-500: hsl(var(--hsl-blue-500));
--color-blue-600: hsl(var(--hsl-blue-600));
--color-blue-700: hsl(var(--hsl-blue-700));
--color-blue-800: hsl(var(--hsl-blue-800));
--color-blue-900: hsl(var(--hsl-blue-900));
--color-blue-950: hsl(var(--hsl-blue-950));
--color-sky-50: hsl(var(--hsl-sky-50));
--color-sky-100: hsl(var(--hsl-sky-100));
--color-sky-200: hsl(var(--hsl-sky-200));
--color-sky-300: hsl(var(--hsl-sky-300));
--color-sky-400: hsl(var(--hsl-sky-400));
--color-sky-500: hsl(var(--hsl-sky-500));
--color-sky-600: hsl(var(--hsl-sky-600));
--color-sky-700: hsl(var(--hsl-sky-700));
--color-sky-800: hsl(var(--hsl-sky-800));
--color-sky-900: hsl(var(--hsl-sky-900));
--color-sky-950: hsl(var(--hsl-sky-950));
--color-cyan-50: hsl(var(--hsl-cyan-50));
--color-cyan-100: hsl(var(--hsl-cyan-100));
--color-cyan-200: hsl(var(--hsl-cyan-200));
--color-cyan-300: hsl(var(--hsl-cyan-300));
--color-cyan-400: hsl(var(--hsl-cyan-400));
--color-cyan-500: hsl(var(--hsl-cyan-500));
--color-cyan-600: hsl(var(--hsl-cyan-600));
--color-cyan-700: hsl(var(--hsl-cyan-700));
--color-cyan-800: hsl(var(--hsl-cyan-800));
--color-cyan-900: hsl(var(--hsl-cyan-900));
--color-cyan-950: hsl(var(--hsl-cyan-950));
--color-teal-50: hsl(var(--hsl-teal-50));
--color-teal-100: hsl(var(--hsl-teal-100));
--color-teal-200: hsl(var(--hsl-teal-200));
--color-teal-300: hsl(var(--hsl-teal-300));
--color-teal-400: hsl(var(--hsl-teal-400));
--color-teal-500: hsl(var(--hsl-teal-500));
--color-teal-600: hsl(var(--hsl-teal-600));
--color-teal-700: hsl(var(--hsl-teal-700));
--color-teal-800: hsl(var(--hsl-teal-800));
--color-teal-900: hsl(var(--hsl-teal-900));
--color-teal-950: hsl(var(--hsl-teal-950));
--color-emerald-50: hsl(var(--hsl-emerald-50));
--color-emerald-100: hsl(var(--hsl-emerald-100));
--color-emerald-200: hsl(var(--hsl-emerald-200));
--color-emerald-300: hsl(var(--hsl-emerald-300));
--color-emerald-400: hsl(var(--hsl-emerald-400));
--color-emerald-500: hsl(var(--hsl-emerald-500));
--color-emerald-600: hsl(var(--hsl-emerald-600));
--color-emerald-700: hsl(var(--hsl-emerald-700));
--color-emerald-800: hsl(var(--hsl-emerald-800));
--color-emerald-900: hsl(var(--hsl-emerald-900));
--color-emerald-950: hsl(var(--hsl-emerald-950));
--color-green-50: hsl(var(--hsl-green-50));
--color-green-100: hsl(var(--hsl-green-100));
--color-green-200: hsl(var(--hsl-green-200));
--color-green-300: hsl(var(--hsl-green-300));
--color-green-400: hsl(var(--hsl-green-400));
--color-green-500: hsl(var(--hsl-green-500));
--color-green-600: hsl(var(--hsl-green-600));
--color-green-700: hsl(var(--hsl-green-700));
--color-green-800: hsl(var(--hsl-green-800));
--color-green-900: hsl(var(--hsl-green-900));
--color-green-950: hsl(var(--hsl-green-950));
--color-lime-50: hsl(var(--hsl-lime-50));
--color-lime-100: hsl(var(--hsl-lime-100));
--color-lime-200: hsl(var(--hsl-lime-200));
--color-lime-300: hsl(var(--hsl-lime-300));
--color-lime-400: hsl(var(--hsl-lime-400));
--color-lime-500: hsl(var(--hsl-lime-500));
--color-lime-600: hsl(var(--hsl-lime-600));
--color-lime-700: hsl(var(--hsl-lime-700));
--color-lime-800: hsl(var(--hsl-lime-800));
--color-lime-900: hsl(var(--hsl-lime-900));
--color-lime-950: hsl(var(--hsl-lime-950));
--color-yellow-50: hsl(var(--hsl-yellow-50));
--color-yellow-100: hsl(var(--hsl-yellow-100));
--color-yellow-200: hsl(var(--hsl-yellow-200));
--color-yellow-300: hsl(var(--hsl-yellow-300));
--color-yellow-400: hsl(var(--hsl-yellow-400));
--color-yellow-500: hsl(var(--hsl-yellow-500));
--color-yellow-600: hsl(var(--hsl-yellow-600));
--color-yellow-700: hsl(var(--hsl-yellow-700));
--color-yellow-800: hsl(var(--hsl-yellow-800));
--color-yellow-900: hsl(var(--hsl-yellow-900));
--color-yellow-950: hsl(var(--hsl-yellow-950));
--color-amber-50: hsl(var(--hsl-amber-50));
--color-amber-100: hsl(var(--hsl-amber-100));
--color-amber-200: hsl(var(--hsl-amber-200));
--color-amber-300: hsl(var(--hsl-amber-300));
--color-amber-400: hsl(var(--hsl-amber-400));
--color-amber-500: hsl(var(--hsl-amber-500));
--color-amber-600: hsl(var(--hsl-amber-600));
--color-amber-700: hsl(var(--hsl-amber-700));
--color-amber-800: hsl(var(--hsl-amber-800));
--color-amber-900: hsl(var(--hsl-amber-900));
--color-amber-950: hsl(var(--hsl-amber-950));
--color-orange-50: hsl(var(--hsl-orange-50));
--color-orange-100: hsl(var(--hsl-orange-100));
--color-orange-200: hsl(var(--hsl-orange-200));
--color-orange-300: hsl(var(--hsl-orange-300));
--color-orange-400: hsl(var(--hsl-orange-400));
--color-orange-500: hsl(var(--hsl-orange-500));
--color-orange-600: hsl(var(--hsl-orange-600));
--color-orange-700: hsl(var(--hsl-orange-700));
--color-orange-800: hsl(var(--hsl-orange-800));
--color-orange-900: hsl(var(--hsl-orange-900));
--color-orange-950: hsl(var(--hsl-orange-950));
--color-red-50: hsl(var(--hsl-red-50));
--color-red-100: hsl(var(--hsl-red-100));
--color-red-200: hsl(var(--hsl-red-200));
--color-red-300: hsl(var(--hsl-red-300));
--color-red-400: hsl(var(--hsl-red-400));
--color-red-500: hsl(var(--hsl-red-500));
--color-red-600: hsl(var(--hsl-red-600));
--color-red-700: hsl(var(--hsl-red-700));
--color-red-800: hsl(var(--hsl-red-800));
--color-red-900: hsl(var(--hsl-red-900));
--color-red-950: hsl(var(--hsl-red-950));
--color-neutral-50: hsl(var(--hsl-neutral-50));
--color-neutral-100: hsl(var(--hsl-neutral-100));
--color-neutral-200: hsl(var(--hsl-neutral-200));
--color-neutral-300: hsl(var(--hsl-neutral-300));
--color-neutral-400: hsl(var(--hsl-neutral-400));
--color-neutral-500: hsl(var(--hsl-neutral-500));
--color-neutral-600: hsl(var(--hsl-neutral-600));
--color-neutral-700: hsl(var(--hsl-neutral-700));
--color-neutral-800: hsl(var(--hsl-neutral-800));
--color-neutral-900: hsl(var(--hsl-neutral-900));
--color-neutral-950: hsl(var(--hsl-neutral-950));
--color-stone-50: hsl(var(--hsl-stone-50));
--color-stone-100: hsl(var(--hsl-stone-100));
--color-stone-200: hsl(var(--hsl-stone-200));
--color-stone-300: hsl(var(--hsl-stone-300));
--color-stone-400: hsl(var(--hsl-stone-400));
--color-stone-500: hsl(var(--hsl-stone-500));
--color-stone-600: hsl(var(--hsl-stone-600));
--color-stone-700: hsl(var(--hsl-stone-700));
--color-stone-800: hsl(var(--hsl-stone-800));
--color-stone-900: hsl(var(--hsl-stone-900));
--color-stone-950: hsl(var(--hsl-stone-950));
--color-zinc-50: hsl(var(--hsl-zinc-50));
--color-zinc-100: hsl(var(--hsl-zinc-100));
--color-zinc-200: hsl(var(--hsl-zinc-200));
--color-zinc-300: hsl(var(--hsl-zinc-300));
--color-zinc-400: hsl(var(--hsl-zinc-400));
--color-zinc-500: hsl(var(--hsl-zinc-500));
--color-zinc-600: hsl(var(--hsl-zinc-600));
--color-zinc-700: hsl(var(--hsl-zinc-700));
--color-zinc-800: hsl(var(--hsl-zinc-800));
--color-zinc-900: hsl(var(--hsl-zinc-900));
--color-zinc-950: hsl(var(--hsl-zinc-950));
--color-gray-50: hsl(var(--hsl-gray-50));
--color-gray-100: hsl(var(--hsl-gray-100));
--color-gray-200: hsl(var(--hsl-gray-200));
--color-gray-300: hsl(var(--hsl-gray-300));
--color-gray-400: hsl(var(--hsl-gray-400));
--color-gray-500: hsl(var(--hsl-gray-500));
--color-gray-600: hsl(var(--hsl-gray-600));
--color-gray-700: hsl(var(--hsl-gray-700));
--color-gray-800: hsl(var(--hsl-gray-800));
--color-gray-900: hsl(var(--hsl-gray-900));
--color-gray-950: hsl(var(--hsl-gray-950));
--color-slate-50: hsl(var(--hsl-slate-50));
--color-slate-100: hsl(var(--hsl-slate-100));
--color-slate-200: hsl(var(--hsl-slate-200));
--color-slate-300: hsl(var(--hsl-slate-300));
--color-slate-400: hsl(var(--hsl-slate-400));
--color-slate-500: hsl(var(--hsl-slate-500));
--color-slate-600: hsl(var(--hsl-slate-600));
--color-slate-700: hsl(var(--hsl-slate-700));
--color-slate-800: hsl(var(--hsl-slate-800));
--color-slate-900: hsl(var(--hsl-slate-900));
--color-slate-950: hsl(var(--hsl-slate-950));
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment